fix(desktop): align sidebar toggle switches to right edge

[Git-on-my-level]

Problem

In the desktop app sidebar, the quick-capture toggle switches (Screen recording and Microphone) were not reliably flush-right aligned within their rows. The toggle switch container relied solely on the sibling <span> having flex-1 to absorb remaining space, which left the right-edge position implicit and fragile.

Fix

Added ml-auto to the toggle switch <span> inside toggleRow() in Sidebar.tsx.

-            'relative h-4 w-7 shrink-0 rounded-full transition-colors duration-200',
+            'relative ml-auto h-4 w-7 shrink-0 rounded-full transition-colors duration-200',

ml-auto (Tailwind for margin-left: auto) explicitly pushes the toggle switch to the far right of the flex row, independent of label text length. Since both toggle rows use the same toggleRow() function, they now share the same right-edge position.

Before / After (layout diagram)

Before                              After
┌──────────────────────────┐       ┌──────────────────────────┐
│ 🖥  Screen recording  ○  │       │ 🖥  Screen recording   ○  │
│ 🎤  Microphone       ○   │       │ 🎤  Microphone          ○  │
└──────────────────────────┘       └──────────────────────────┘
         ↑ toggles not at           ↑ toggles flush-right,
           same right edge           visually aligned

File changed

• desktop/windows/src/renderer/src/components/layout/Sidebar.tsx — added ml-auto to toggle switch className in toggleRow() (line 129)

[cubic-dev-ai]

No issues found across 1 file

<sub>Tip: cubic could auto-approve low-risk PRs like this, if it thinks it's safe to merge. Learn more

Re-trigger cubic</sub>