fix: Only update auto-launch when value changes and fix switch visibility

- Check current auto-launch state before calling enable/disable
- Only modify OS auto-launch setting when the value actually changes
- Add proper flex layout with gap-4 and min-w-0 to prevent switch overflow
- Add flex-shrink-0 to icons and switches to prevent compression
- This fixes 'file not found' errors and missing switches in UI

Author: Mohammod Al Amin Ashik

apps/desktop/src-tauri/src/commands/settings.rs

@@ -77,17 +77,23 @@ pub async fn update_startup_settings(
 
     let settings_repo = &app_state.settings_repository;
 
-    // Update auto-launch in OS
-    if settings.auto_launch {
-        manager
-            .enable()
-            .map_err(|e| format!("Failed to enable auto-launch: {}", e))?;
-        info!("[Settings] Auto-launch enabled");
+    // Check if auto-launch setting has changed before modifying OS
+    let current_auto_launch = manager.is_enabled().unwrap_or(false);
+
+    if settings.auto_launch != current_auto_launch {
+        if settings.auto_launch {
+            manager
+                .enable()
+                .map_err(|e| format!("Failed to enable auto-launch: {}", e))?;
+            info!("[Settings] Auto-launch enabled");
+        } else {
+            manager
+                .disable()
+                .map_err(|e| format!("Failed to disable auto-launch: {}", e))?;
+            info!("[Settings] Auto-launch disabled");
+        }
     } else {
-        manager
-            .disable()
-            .map_err(|e| format!("Failed to disable auto-launch: {}", e))?;
-        info!("[Settings] Auto-launch disabled");
+        info!("[Settings] Auto-launch unchanged, skipping OS update");
     }
 
     // Update other settings in database

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

@@ -139,9 +139,9 @@ export function SettingsPage() {
             </div>
           ) : (
             <div className="space-y-6">
-              <div className="flex items-center justify-between">
-                <div className="flex items-start gap-3 flex-1">
-                  <Power className="h-5 w-5 mt-0.5 text-[rgb(var(--muted))]" />
+              <div className="flex items-center justify-between gap-4">
+                <div className="flex items-start gap-3 flex-1 min-w-0">
+                  <Power className="h-5 w-5 mt-0.5 text-[rgb(var(--muted))] flex-shrink-0" />
                   <div>
                     <label className="text-sm font-medium">Launch at Startup</label>
                     <p className="text-xs text-[rgb(var(--muted))] mt-1">
@@ -160,9 +160,9 @@ export function SettingsPage() {
                 />
               </div>
 
-              <div className="flex items-center justify-between">
-                <div className="flex items-start gap-3 flex-1">
-                  <Minimize2 className="h-5 w-5 mt-0.5 text-[rgb(var(--muted))]" />
+              <div className="flex items-center justify-between gap-4">
+                <div className="flex items-start gap-3 flex-1 min-w-0">
+                  <Minimize2 className="h-5 w-5 mt-0.5 text-[rgb(var(--muted))] flex-shrink-0" />
                   <div>
                     <label className="text-sm font-medium">Start Minimized</label>
                     <p className="text-xs text-[rgb(var(--muted))] mt-1">
@@ -181,9 +181,9 @@ export function SettingsPage() {
                 />
               </div>
 
-              <div className="flex items-center justify-between">
-                <div className="flex items-start gap-3 flex-1">
-                  <XCircle className="h-5 w-5 mt-0.5 text-[rgb(var(--muted))]" />
+              <div className="flex items-center justify-between gap-4">
+                <div className="flex items-start gap-3 flex-1 min-w-0">
+                  <XCircle className="h-5 w-5 mt-0.5 text-[rgb(var(--muted))] flex-shrink-0" />
                   <div>
                     <label className="text-sm font-medium">Close to Tray</label>
                     <p className="text-xs text-[rgb(var(--muted))] mt-1">

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

@@ -36,7 +36,7 @@ export function Switch({
       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',
+        'relative inline-flex h-6 w-11 flex-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',
         checked ? 'bg-[rgb(var(--primary))]' : 'bg-surface-secondary',
         className
       )}