added wide mode to desktop editor

frontend/src/layouts/Layout.astro

@@ -4,9 +4,10 @@ import ThemeSwitcher from '../components/react/ThemeSwitcher';
 
 interface Props {
 	title: string;
+	wide?: boolean;
 }
 
-const { title } = Astro.props;
+const { title, wide = false } = Astro.props;
 
 const API_URL = process.env.PUBLIC_API_URL || 'http://backend:3000';
 
@@ -63,12 +64,12 @@ try {
                 <div class="flex gap-3 md:gap-4 items-center text-sm md:text-base w-full md:w-auto justify-center md:justify-end">
                     <a href="/" class="text-subtext0 hover:text-text transition-colors">Home</a>
                     <a href="/admin" class="text-subtext0 hover:text-mauve transition-colors">Admin</a>
-                    <ThemeSwitcher client:load defaultTheme={siteConfig.theme} />
+                    <ThemeSwitcher client:only="react" defaultTheme={siteConfig.theme} />
                 </div>
             </header>
         </nav>
 
-        <main class="max-w-6xl mx-auto px-4 md:px-6 py-4 md:py-8">
+        <main class={`mx-auto px-4 md:px-6 py-4 md:py-8 ${wide ? 'max-w-[95vw]' : 'max-w-6xl'}`}>
 		    <slot />
         </main>