Make header title clickable to return to first section

Clicking the documentation title in the header now navigates to the first
section and scrolls to the top of the page. This provides an intuitive way
for users to return to the beginning of the documentation.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

Author: 2 people

CHANGELOG.md

@@ -21,6 +21,9 @@
   - Added `scroll-behavior: smooth` for smooth scrolling
   - Configured Tocbot with `headingsOffset: 86` for accurate scroll spy detection
   - Set `scrollSmooth: false` to let browser handle native scrolling behavior
+- **Header title navigation** - Clicking the documentation title now returns to first section and scrolls to top
+  - Uses Alpine.js to set active section and scroll to page top
+  - Provides intuitive way to return to beginning of documentation
 
 ### Changed
 

microdocs/templates/default/default.html

@@ -26,7 +26,7 @@
         <div class="flex flex-col gap-3 sm:flex-row sm:gap-8 sm:items-center">
           <!-- Logo/Title -->
           <h1 class="font-heading font-semibold text-lg text-gray-900 dark:text-gray-50 sm:text-xl">
-            <a href="#{{ sections[0].id }}" class="cursor-pointer">{{ title }}</a>
+            <a @click="activeSection = '{{ sections[0].id }}'; window.scrollTo(0, 0)" class="cursor-pointer">{{ title }}</a>
           </h1>
 
           <!-- Navigation -->

templates_src/default/default.html

@@ -26,7 +26,7 @@
         <div class="flex flex-col gap-3 sm:flex-row sm:gap-8 sm:items-center">
           <!-- Logo/Title -->
           <h1 class="font-heading font-semibold text-lg text-gray-900 dark:text-gray-50 sm:text-xl">
-            <a href="#{{ sections[0].id }}" class="cursor-pointer">{{ title }}</a>
+            <a @click="activeSection = '{{ sections[0].id }}'; window.scrollTo(0, 0)" class="cursor-pointer">{{ title }}</a>
           </h1>
 
           <!-- Navigation -->