fix: Improve switch visibility with solid gray colors

- Replace bg-surface-secondary with bg-gray-300 (light) / bg-gray-600 (dark)
- Add visible borders (gray-400/gray-500) to unchecked state
- Ensures switches are always visible regardless of theme
- Checked state remains with primary color and transparent border

Author: Mohammod Al Amin Ashik

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

@@ -526,13 +526,13 @@ pub fn run() {
             if let Some(main_window) = app.get_webview_window("main") {
                 let app_handle = app.handle().clone();
                 let settings_repo = app_state.settings_repository.clone();
-                
+
                 main_window.on_window_event(move |event| {
                     if let tauri::WindowEvent::CloseRequested { api, .. } = event {
                         // Check if close-to-tray is enabled
                         let app_handle_clone = app_handle.clone();
                         let settings_clone = settings_repo.clone();
-                        
+
                         tauri::async_runtime::spawn(async move {
                             match settings_clone.get("ui.close_to_tray").await {
                                 Ok(Some(value)) if value == "true" => {
@@ -556,7 +556,7 @@ pub fn run() {
                                 }
                             }
                         });
-                        
+
                         // Always prevent default close to handle it asynchronously
                         api.prevent_close();
                     }

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

@@ -36,8 +36,10 @@ export function Switch({
       onClick={handleClick}
       data-testid={testId}
       className={cn(
-        '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',
+        'relative inline-flex h-6 w-11 flex-shrink-0 cursor-pointer rounded-full border-2 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))] border-transparent' 
+          : 'bg-gray-300 dark:bg-gray-600 border-gray-400 dark:border-gray-500',
         className
       )}
     >