Update some homepage stuff (#972)

* add new icon from bounty

* Add sidebar to docs pages with dashboard link

- Add dedicated sidebar to docs pages (Index and Show)
- Hide authenticated user nav on docs pages via hide_nav flag
- Add Hackatime logo and 'Go to Dashboard' button to sidebar
- Add 17 popular editors to sidebar navigation
- Remove breadcrumbs from docs pages
- Add /home route for signed-out homepage

* Update homepage CTA text and docs screenshot

* Add 'More' button to homepage editor grid with docs anchor

* feat: add more editors to homepage editorgrid

* fix: weirdness in docs sidebar

* implement isActive function suggestion

Co-authored-by: greptile-apps[bot] <165735046+greptile-apps[bot]@users.noreply.github.com>

* Fixes?

---------

Co-authored-by: greptile-apps[bot] <165735046+greptile-apps[bot]@users.noreply.github.com>
Co-authored-by: Mahad Kalam <mahadkalam1234@gmail.com>
Co-authored-by: Mahad Kalam <55807755+skyfallwastaken@users.noreply.github.com>

app/javascript/pages/Home/signedOut/CTASection.svelte

@@ -28,7 +28,7 @@
       Create free account
     </Link>
     <div class="mt-6 text-sm text-on-primary/80">
-      No credit card required · Open source (MIT)
+      Free to use, forever · Open source (MIT)
     </div>
   </div>
 </section>

app/javascript/pages/Home/signedOut/EditorGrid.svelte

@@ -10,6 +10,8 @@
     { name: "Cursor", slug: "cursor" },
     { name: "Zed", slug: "zed" },
     { name: "Terminal", slug: "terminal" },
+    { name: "Figma", slug: "figma" },
+    { name: "Godot", slug: "godot" },
   ];
 </script>
 
@@ -42,6 +44,30 @@
           <span class="text-xs font-medium text-secondary">{editor.name}</span>
         </Link>
       {/each}
+      <a href="/docs#all-editors" class="flex flex-col items-center w-20 group">
+        <div
+          class="w-16 h-16 bg-surface border border-surface-200 rounded-xl flex items-center justify-center mb-2 group-hover:border-primary transition-colors"
+        >
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            class="w-8 h-8 text-secondary group-hover:text-primary transition-colors"
+            fill="none"
+            viewBox="0 0 24 24"
+            stroke="currentColor"
+            stroke-width="2"
+          >
+            <path
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              d="M12 6v12m6-6H6"
+            />
+          </svg>
+        </div>
+        <span
+          class="text-xs font-medium text-secondary group-hover:text-primary transition-colors"
+          >More</span
+        >
+      </a>
     </div>
   </div>
 </section>