Hide sidebar on home and center category grid

hdyc-svelte/src/routes/+layout.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
   import { browser } from '$app/environment';
   import { onMount } from 'svelte';
+  import { page } from '$app/stores';
 
   import '../app.css';
   import Sidebar from '$lib/components/Sidebar.svelte';
@@ -254,6 +255,10 @@
   let sidebarOpen = false;
   let theme: ThemeMode = 'dark';
   let selectedPaletteIndex = 0;
+  $: isHomepage = $page.url.pathname === '/';
+  $: if (isHomepage && sidebarOpen) {
+    sidebarOpen = false;
+  }
 
   const applyPalette = (index: number, persist = false) => {
     const normalizedIndex = Math.max(0, Math.min(index, palettes.length - 1));
@@ -337,9 +342,11 @@
 
 <header class="site-header">
   <div style="display:flex;align-items:center;gap:0.75rem;">
-    <button class="hamburger" on:click={() => (sidebarOpen = !sidebarOpen)} aria-label="Toggle menu">
-      ☰
-    </button>
+    {#if !isHomepage}
+      <button class="hamburger" on:click={() => (sidebarOpen = !sidebarOpen)} aria-label="Toggle menu">
+        ☰
+      </button>
+    {/if}
     <a href="/" class="site-logo">
       <span>How Do You</span><span class="logo-accent">Convert</span><span style="opacity:0.4;font-weight:400">.com</span>
     </a>
@@ -350,7 +357,9 @@
 </header>
 
 <div class="site-body">
-  <Sidebar bind:open={sidebarOpen} />
+  {#if !isHomepage}
+    <Sidebar bind:open={sidebarOpen} />
+  {/if}
   <main class="main-content">
     <slot />
   </main>