feat: Add PageHead component

services/static/src/components/layouts/IndexLayout/IndexLayout.tsx

@@ -27,7 +27,10 @@ export function IndexLayout({ children }: IndexLayoutProps): React.JSX.Element {
   const currentYear = new Date().getFullYear();
 
   return (
-    <VStack className="min-h-screen bg-[var(--rb-background)] transition-colors duration-200" justify="between">
+    <VStack
+      className="min-h-screen bg-[var(--rb-background)] transition-colors duration-200"
+      justify="between"
+    >
       <VStack as="main" className="min-h-[105vh] w-full flex-1">
         {children}
       </VStack>

services/static/src/static/index.html

@@ -1,7 +1,18 @@
 <!doctype html>
 <html lang="en">
   <head>
-    <script>(function(){try{var k='ermnvldmr/ui/lib/theme';var p=JSON.parse(localStorage.getItem(k)||'"system"');var d=p==='dark'||(p==='system'&&window.matchMedia('(prefers-color-scheme:dark)').matches);document.documentElement.classList.toggle('dark',d)}catch(e){}})();</script>
+    <script>
+      (function () {
+        try {
+          var k = 'ermnvldmr/ui/lib/theme';
+          var p = JSON.parse(localStorage.getItem(k) || '"system"');
+          var d =
+            p === 'dark' ||
+            (p === 'system' && window.matchMedia('(prefers-color-scheme:dark)').matches);
+          document.documentElement.classList.toggle('dark', d);
+        } catch (e) {}
+      })();
+    </script>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Vladimir Eremin</title>