impr: Use Immediates in examples

apps/typegpu-docs/.gitignore

@@ -12,7 +12,6 @@ yarn-debug.log*
 yarn-error.log*
 pnpm-debug.log*
 
-
 # environment variables
 .env
 .env.production

apps/typegpu-docs/astro.config.mjs

@@ -43,6 +43,10 @@ export default defineConfig({
     rehypePlugins: [rehypeMathJax],
   },
   vite: {
+    resolve: {
+      // React islands and their Radix dependencies must share one dispatcher.
+      dedupe: ['react', 'react-dom'],
+    },
     define: {
       // Required for '@rolldown/browser' to work.
       'process.env.NODE_DEBUG_NATIVE': '""',
@@ -75,6 +79,21 @@ export default defineConfig({
     swmGeo({ name: 'TypeGPU', description: 'Type-safe WebGPU toolkit', repository: 'TypeGPU' }),
     starlight({
       head: [
+        {
+          tag: 'link',
+          attrs: { rel: 'preconnect', href: 'https://fonts.googleapis.com' },
+        },
+        {
+          tag: 'link',
+          attrs: { rel: 'preconnect', href: 'https://fonts.gstatic.com', crossorigin: '' },
+        },
+        {
+          tag: 'link',
+          attrs: {
+            rel: 'stylesheet',
+            href: 'https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap',
+          },
+        },
         {
           tag: 'script',
           attrs: { type: 'application/ld+json' },
@@ -88,7 +107,24 @@ export default defineConfig({
         },
       ],
       title: 'TypeGPU',
-      customCss: ['./src/tailwind.css', './src/fonts/font-face.css', './src/mathjax.css'],
+      social: [
+        {
+          icon: 'discord',
+          label: 'Join the TypeGPU Discord',
+          href: 'https://discord.gg/8jpfgDqPcM',
+        },
+        {
+          icon: 'github',
+          label: 'TypeGPU on GitHub',
+          href: 'https://github.com/software-mansion/TypeGPU',
+        },
+      ],
+      customCss: [
+        './src/tailwind.css',
+        './src/fonts/font-face.css',
+        './src/mathjax.css',
+        './src/starlight-docs.css',
+      ],
       plugins: stripFalsy([
         starlightBlog({
           navigation: 'none',
@@ -119,16 +155,10 @@ export default defineConfig({
       },
       components: {
         Head: './src/components/starlight/Head.astro',
-        ThemeSelect: './src/components/starlight/ThemeSelect.astro',
+        Header: './src/components/starlight/SiteHeader.astro',
+        MobileMenuToggle: './src/components/starlight/MobileMenuToggle.astro',
         Sidebar: './src/components/starlight/Sidebar.astro',
       },
-      social: [
-        {
-          label: 'GitHub',
-          href: 'https://github.com/software-mansion/TypeGPU',
-          icon: 'github',
-        },
-      ],
       sidebar: stripFalsy([
         {
           label: 'Why TypeGPU?',