fix(theme): prevent theme flicker on page load

- Move theme initialization script to right after the body tag is available
- Apply stored theme synchronously before content renders
- Fixes flash of light theme

Author: dixita0607

site/lib/src/layouts/dash_layout.dart

@@ -190,6 +190,24 @@ ga('send', 'pageview');
             'class': [?bodyClass, ...defaultBodyClasses].toClasses,
           },
         ),
+        // The theme setting logic should remain before other scripts to
+        // avoid a flash of the initial theme on load.
+        raw('''
+<script>
+const prefersDarkMode = window.matchMedia('(prefers-color-scheme: dark)');
+
+const storedTheme = window.localStorage.getItem('theme') ?? 'light-mode';
+if (storedTheme === 'auto-mode') {
+console.log(storedTheme, document.body.classList, prefersDarkMode.matches);
+  document.body.classList.add(
+      'auto-mode',
+      prefersDarkMode.matches ? 'dark-mode' : 'light-mode',
+  );
+} else {
+  document.body.classList.add(storedTheme);
+}
+</script>
+      '''),
         raw('''
 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5VSZM5J" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
 '''),
@@ -225,23 +243,6 @@ ga('send', 'pageview');
           ]),
           const DashFooter(),
         ]),
-        // The theme setting logic should remain before other scripts to
-        // avoid a flash of the initial theme on load.
-        raw('''
-<script>
-const prefersDarkMode = window.matchMedia('(prefers-color-scheme: dark)');
-
-const storedTheme = window.localStorage.getItem('theme') ?? 'light-mode';
-if (storedTheme === 'auto-mode') {
-  document.body.classList.add(
-      'auto-mode',
-      prefersDarkMode.matches ? 'dark-mode' : 'light-mode',
-  );
-} else {
-  document.body.classList.add(storedTheme);
-}
-</script>
-      '''),
         GlobalScripts(),
       ],
     );