wip: better version selector

src/components/Header.astro

@@ -18,16 +18,22 @@ const { version } = Astro.props;
   <div
     class="max-w-6xl mx-auto px-4 sm:px-6 h-16 flex items-center justify-between"
   >
-    <!-- Logo / Title -->
-    <a
-      href="#hero"
-      class="header-title flex items-center gap-3 no-underline
-             hover:text-[var(--color-accent)] transition-colors"
-    >
-      <span class="font-display font-bold text-lg tracking-tight">
-        Git Common-Flow
-      </span>
-    </a>
+    <!-- Logo / Title + Version -->
+    <div class="flex items-center gap-3">
+      <a
+        href="#hero"
+        class="header-title flex items-center gap-3 no-underline
+               hover:text-[var(--color-accent)] transition-colors"
+      >
+        <span class="font-display font-bold text-lg tracking-tight">
+          Git Common-Flow
+        </span>
+      </a>
+      <VersionSelector
+        currentVersion={version}
+        versions={Array.from(config.versions)}
+      />
+    </div>
 
     <!-- Desktop Navigation -->
     <nav class="hidden md:flex items-center gap-1">
@@ -36,13 +42,8 @@ const { version } = Astro.props;
       <a href="#faq" class="btn btn-ghost text-sm">FAQ</a>
     </nav>
 
-    <!-- Right side: Version, Theme, GitHub -->
+    <!-- Right side: Theme, GitHub -->
     <div class="flex items-center gap-3">
-      <VersionSelector
-        currentVersion={version}
-        versions={Array.from(config.versions)}
-      />
-
       <ThemeToggle />
 
       <a