fix: resolve UI hangs and contrast issues, improve concurrency

- Prevent UI hang by processing aria2 unpause actions asynchronously
- Bypass internal aria2 limits to honor Firelink's max concurrent setting
- Improve visibility of the 'Recheck engines' button in Settings
- Refactor Speed Limiter checkbox into a toggle and fix text selection
- Update Add window font and placeholder to match modern design standards

src/components/AddDownloadsModal.tsx

@@ -734,8 +734,8 @@ export const AddDownloadsModal = () => {
                   </div>
                 </div>
                 <textarea
-                  className="add-download-control add-download-links-input w-full h-32 p-3 text-[13px] resize-none font-mono"
-                  placeholder="Paste HTTP, HTTPS, FTP, or SFTP URLs here..."
+                  className="add-download-control add-download-links-input w-full h-32 p-3 text-[13px] resize-none"
+                  placeholder={"Paste HTTP, HTTPS, FTP, or SFTP URLs here...\n\nFor media downloads, paste links from Youtube, X, TikTok, Instagram, Reddit, etc."}
                   value={urls}
                   onChange={(e) => setUrls(e.target.value)}
                 />

src/components/SettingsView.tsx

@@ -971,7 +971,7 @@ runEngineChecks(false);
 type="button"
 onClick={() => runEngineChecks(true)}
 disabled={isRecheckingEngines}
-className="flex items-center gap-1.5 px-3 py-1.5 rounded-md bg-bg-modal hover:bg-item-hover disabled:opacity-60 text-[12px] text-text-primary"
+className="app-button px-3 py-1.5 text-[12px] flex items-center gap-1.5 disabled:opacity-60"
 >
 <RefreshCw size={13} className={isRecheckingEngines ? 'animate-spin' : ''} />
 {isRecheckingEngines ? 'Checking…' : 'Recheck engines'}

src/components/SpeedLimiterView.tsx

@@ -58,10 +58,19 @@ export default function SpeedLimiterView() {
       <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={enabled} onChange={event => setEnabled(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 select-none">
+          <button
+            onClick={() => setEnabled(!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 ${enabled ? 'bg-accent' : 'bg-item-hover'}`}
+            aria-checked={enabled}
+            role="switch"
+          >
+            <span
+              className={`inline-block h-4 w-4 transform rounded-full bg-white transition duration-200 ease-in-out ${enabled ? 'translate-x-4' : 'translate-x-1'}`}
+            />
+          </button>
           Speed Limiter
-        </label>
+        </div>
         <span className={`rounded-full px-2.5 py-1 text-[11px] font-semibold ${
           enabled ? 'bg-accent/15 text-accent' : 'bg-item-hover text-text-muted'
         }`}>