fix: move hamburger menu after CV icon and change section icons to dark gray

**Position Fix:**
- Moved hamburger button to appear after the CV icon instead of before
- Order is now: CV icon → Hamburger → Title → Language selector
- Updated margin to 0 0.5rem for proper spacing between elements

**Icon Color Fix:**
- Changed section title icons from blue (--accent-blue) to dark gray (--text-gray)
- Maintains consistency with overall design
- Menu item icons still use gray by default, blue on hover

static/css/main.css

@@ -1540,7 +1540,7 @@ a:focus {
     justify-content: center;
     transition: background-color 0.2s ease;
     border-radius: 4px;
-    margin-right: 0.5rem;
+    margin: 0 0.5rem;
 }
 
 .hamburger-btn:hover {
@@ -1608,7 +1608,7 @@ a:focus {
 .section-icon {
     vertical-align: middle;
     margin-right: 0.5rem;
-    color: var(--accent-blue);
+    color: var(--text-gray);
 }
 
 /* Smooth scrolling */

templates/index.html

@@ -97,14 +97,15 @@
     <!-- Single Black Bar with Everything -->
     <div class="action-bar no-print" role="navigation" aria-label="Language and export controls">
         <div class="action-bar-content">
-            <!-- Left: Hamburger Menu + Site Title and Language -->
+            <!-- Left: Site Title + Hamburger Menu + Language -->
             <div class="site-title">
+                <iconify-icon icon="mdi:file-account" width="24" height="24" class="site-icon"></iconify-icon>
+
                 <!-- Hamburger Menu Button -->
                 <button class="hamburger-btn" onclick="toggleMenu()" aria-label="Toggle navigation menu">
                     <iconify-icon icon="mdi:menu" width="24" height="24"></iconify-icon>
                 </button>
 
-                <iconify-icon icon="mdi:file-account" width="24" height="24" class="site-icon"></iconify-icon>
                 <span class="site-title-text">CV JAMR - {{.CurrentYear}}</span>
 
                 <!-- Language selector (after title) -->