fix: resolve scheduler infinite loop and frozen delete modal bugs

src/components/SchedulerView.tsx

@@ -180,15 +180,19 @@ export default function SchedulerView() {
       <WindowDragRegion />
 
       <div className="flex items-center gap-3 border-b border-border-color px-6 pb-4">
-        <label className="flex items-center gap-3 text-[17px] font-semibold tracking-tight text-text-primary">
-          <input
-            type="checkbox"
-            checked={draft.enabled}
-            onChange={event => updateDraft('enabled', event.target.checked)}
-            className="h-4 w-4 accent-accent"
-          />
+        <div className="flex items-center gap-3 text-[17px] font-semibold tracking-tight text-text-primary">
+          <button
+            onClick={() => updateDraft('enabled', !draft.enabled)}
+            className={`relative inline-flex h-5 w-9 cursor-pointer items-center rounded-full transition-colors duration-200 ease-in-out focus:outline-none ${draft.enabled ? 'bg-accent' : 'bg-item-hover'}`}
+            aria-checked={draft.enabled}
+            role="switch"
+          >
+            <span
+              className={`inline-block h-4 w-4 transform rounded-full bg-white transition duration-200 ease-in-out ${draft.enabled ? 'translate-x-4' : 'translate-x-1'}`}
+            />
+          </button>
           Scheduler
-        </label>
+        </div>
         <span className={`rounded-full px-2.5 py-1 text-[11px] font-semibold ${
           schedulerRunning ? 'bg-green-500/15 text-green-500' : 'bg-item-hover text-text-muted'
         }`}>