fix: Add extensive logging for startup settings debugging

- Add console logging throughout Switch component and settings page
- Improve error handling with proper state rollback
- Extract handleClick to separate function for better debugging
- Add step-by-step logging to trace toggle behavior
- Clean up unused imports in tray.rs

This will help diagnose why toggles appear non-functional.

Author: Mohammod Al Amin Ashik

apps/desktop/src-tauri/src/tray.rs

@@ -6,7 +6,7 @@
 //! - Quit application
 
 use tauri::{
-    menu::{Menu, MenuBuilder, MenuItemBuilder, PredefinedMenuItem, SubmenuBuilder},
+    menu::{Menu, MenuBuilder, SubmenuBuilder},
     tray::{MouseButton, MouseButtonState, TrayIconBuilder, TrayIconEvent},
     AppHandle, Emitter, Manager, Runtime,
 };

apps/desktop/src/features/settings/SettingsPage.tsx

@@ -77,17 +77,24 @@ export function SettingsPage() {
     key: keyof StartupSettings,
     value: boolean
   ) => {
+    console.log(`[Settings] Updating ${key} to ${value}`);
+    
+    // Save old state for rollback
+    const oldSettings = { ...startupSettings };
     const newSettings = { ...startupSettings, [key]: value };
+    
+    // Update UI immediately for better UX
     setStartupSettings(newSettings);
-
     setSavingSettings(true);
+    
     try {
+      console.log('[Settings] Invoking update_startup_settings:', newSettings);
       await invoke('update_startup_settings', { settings: newSettings });
-      console.log('Startup settings saved:', newSettings);
+      console.log('[Settings] Successfully saved:', newSettings);
     } catch (error) {
-      console.error('Failed to save startup settings:', error);
+      console.error('[Settings] Failed to save:', error);
       // Revert on error
-      setStartupSettings(startupSettings);
+      setStartupSettings(oldSettings);
     } finally {
       setSavingSettings(false);
     }
@@ -144,7 +151,10 @@ export function SettingsPage() {
                 </div>
                 <Switch
                   checked={startupSettings.autoLaunch}
-                  onCheckedChange={(checked) => updateStartupSetting('autoLaunch', checked)}
+                  onCheckedChange={(checked) => {
+                    console.log('Auto-launch toggled:', checked);
+                    updateStartupSetting('autoLaunch', checked);
+                  }}
                   disabled={savingSettings}
                   data-testid="auto-launch-switch"
                 />
@@ -162,7 +172,10 @@ export function SettingsPage() {
                 </div>
                 <Switch
                   checked={startupSettings.startMinimized}
-                  onCheckedChange={(checked) => updateStartupSetting('startMinimized', checked)}
+                  onCheckedChange={(checked) => {
+                    console.log('Start minimized toggled:', checked);
+                    updateStartupSetting('startMinimized', checked);
+                  }}
                   disabled={savingSettings || !startupSettings.autoLaunch}
                   data-testid="start-minimized-switch"
                 />
@@ -180,7 +193,10 @@ export function SettingsPage() {
                 </div>
                 <Switch
                   checked={startupSettings.closeToTray}
-                  onCheckedChange={(checked) => updateStartupSetting('closeToTray', checked)}
+                  onCheckedChange={(checked) => {
+                    console.log('Close to tray toggled:', checked);
+                    updateStartupSetting('closeToTray', checked);
+                  }}
                   disabled={savingSettings}
                   data-testid="close-to-tray-switch"
                 />

packages/ui/src/components/common/Switch.tsx

@@ -20,13 +20,20 @@ export function Switch({
   className,
   'data-testid': testId,
 }: SwitchProps) {
+  const handleClick = () => {
+    if (!disabled) {
+      console.log('[Switch] Clicked, current:', checked, 'will become:', !checked);
+      onCheckedChange(!checked);
+    }
+  };
+
   return (
     <button
       type="button"
       role="switch"
       aria-checked={checked}
       disabled={disabled}
-      onClick={() => !disabled && onCheckedChange(!checked)}
+      onClick={handleClick}
       data-testid={testId}
       className={cn(
         'relative inline-flex h-6 w-11 shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-[rgb(var(--primary))] focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',