Merge pull request #574 from TheMcnafaha/fix-flashing-icon

fix(header.tsx): flashing theme icon when switching pages in dark mode

Author: thejackshelton

apps/website/src/components/header/header.tsx

@@ -106,7 +106,12 @@ export default component$(
         </nav>
 
         <button type="button" aria-label="Toggle dark mode" onClick$={toggleDarkMode}>
-          {rootStore.mode === 'dark' ? <MoonIcon /> : <SunIcon />}
+          <div class="hidden dark:block">
+            <MoonIcon />
+          </div>
+          <div class="block dark:hidden ">
+            <SunIcon />
+          </div>
         </button>
         <a
           target="_blank"