prettier fix

Author: willwade

src/layouts/BaseLayout.astro

@@ -49,11 +49,27 @@ const navItems = [
             }
             <li>
               <button id="theme-toggle" class="theme-toggle" aria-label="Toggle dark mode">
-                <svg id="sun-icon" class="theme-icon" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true">
-                  <path fill-rule="evenodd" d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z" clip-rule="evenodd"></path>
+                <svg
+                  id="sun-icon"
+                  class="theme-icon"
+                  fill="currentColor"
+                  viewBox="0 0 20 20"
+                  aria-hidden="true"
+                >
+                  <path
+                    fill-rule="evenodd"
+                    d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z"
+                    clip-rule="evenodd"></path>
                 </svg>
-                <svg id="moon-icon" class="theme-icon" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true">
-                  <path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z"></path>
+                <svg
+                  id="moon-icon"
+                  class="theme-icon"
+                  fill="currentColor"
+                  viewBox="0 0 20 20"
+                  aria-hidden="true"
+                >
+                  <path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z"
+                  ></path>
                 </svg>
               </button>
             </li>
@@ -83,7 +99,7 @@ const navItems = [
       const html = document.documentElement;
       const sunIcon = document.getElementById('sun-icon');
       const moonIcon = document.getElementById('moon-icon');
-      
+
       function updateIcons() {
         if (html.classList.contains('dark')) {
           sunIcon.style.display = 'block';
@@ -93,21 +109,24 @@ const navItems = [
           moonIcon.style.display = 'block';
         }
       }
-      
+
       function toggleTheme() {
         html.classList.toggle('dark');
         localStorage.setItem('theme', html.classList.contains('dark') ? 'dark' : 'light');
         updateIcons();
       }
-      
+
       // Initialize theme from localStorage or system preference
-      if (localStorage.getItem('theme') === 'dark' || 
-          (!localStorage.getItem('theme') && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
+      if (
+        localStorage.getItem('theme') === 'dark' ||
+        (!localStorage.getItem('theme') &&
+          window.matchMedia('(prefers-color-scheme: dark)').matches)
+      ) {
         html.classList.add('dark');
       }
-      
+
       updateIcons();
-      
+
       themeToggle.addEventListener('click', toggleTheme);
     </script>
   </body>
@@ -125,7 +144,9 @@ const navItems = [
     background: color-mix(in srgb, var(--color-bg-primary) 95%, transparent);
     border-bottom: 1px solid var(--color-border-subtle);
     backdrop-filter: blur(8px);
-    transition: background-color 0.3s ease, border-color 0.3s ease;
+    transition:
+      background-color 0.3s ease,
+      border-color 0.3s ease;
   }
 
   html.dark .site-header {

src/styles/global.css

@@ -22,7 +22,9 @@ body {
   line-height: 1.6;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  transition: background-color 0.3s ease, color 0.3s ease;
+  transition:
+    background-color 0.3s ease,
+    color 0.3s ease;
 }
 
 /* ==========================================================================
@@ -280,7 +282,7 @@ html.dark .skip-to-main {
     --color-border: #1a2a3a;
     --color-text-secondary: #1a2a3a;
   }
-  
+
   html.dark {
     --color-border: #ffffff;
     --color-text-secondary: #ffffff;