feat: update setTheme prop to a constant function in multiple components for consistency

src/components/CardSquare.svelte

@@ -10,7 +10,7 @@
   export let onDownload;
   export let setSearchQuery;
   export let allLogos = [];
-  export let setTheme = () => {};
+  export const setTheme = () => {};
 
   function openPreview(logo) {
     // Navigate to preview page using router

src/components/Header.svelte

@@ -4,7 +4,7 @@
   export let logos = [];
   export let displayLogos = [];
   export let theme = "system";
-  export let setTheme = () => {}; // Added default function to prevent errors
+  export let setTheme = () => {};
   export let viewMode;
   export let setGridView;
   export let setListView;
@@ -209,7 +209,7 @@
       <button
         class="compact-switch-btn"
         aria-label="Toggle compact mode"
-        class:active={compactMode}
+        class:active={compactMode === true}
         on:click={() => setCompactMode(!compactMode)}
         title="Show only one logo per brand (compact mode)"
       >

src/components/List.svelte

@@ -9,8 +9,8 @@
   export let setSearchQuery;
   export let allLogos = [];
   export let theme;
-  export let viewMode = "grid"; // "grid" or "list"
+  export let viewMode = "grid";
-  export let setTheme = () => {}; // Add setTheme prop with default no-op function
+  export let setTheme = () => {};
 
   $: getLogoThemeColor = logo => getDefaultLogoColor(logo.colors, theme);
 </script>

src/components/Preview.svelte

@@ -9,7 +9,7 @@
   export let show = false;
   export let logo = null;
   export let theme;
-  export let setTheme = () => {}; // Function to update theme
+  export const setTheme = () => {};
   export const openLogoByAnchor = () => {};
   export let onDownload = (path, name) => {
     const a = document.createElement("a");

src/pages/Home.svelte

@@ -116,6 +116,10 @@
   }
 
   function setCompactMode(value) {
+    // Update local state first
+    compactMode = value;
+    console.log("Home: Setting compact mode to:", value);
+
     if (typeof window !== 'undefined' && window.appData && window.appData.setCompactMode) {
       window.appData.setCompactMode(value);
     }