Settings dialog: section organization and dark theme on Linux

[silverstein]

Context

From Discussion #44 with @Dieterbe. The Tauri desktop app settings dialog has two UX issues on Linux:

1. Section organization: Settings appear as one long undifferentiated sequence. Needs clearer visual grouping (headers, dividers, or collapsible sections).
2. White widgets on dark theme: Some native form inputs (likely WebKitGTK-rendered) don't respect the dark mode context, appearing white against a dark background.

Screenshots

See Discussion #44 for screenshots from Arch Linux / Wayland / Hyprland.

What needs to happen

1. Add visual section groupings to the settings dialog (Recording, Transcription, Shortcuts, etc.)
2. Override native form input styles with explicit CSS for the dark theme on Linux/WebKitGTK
3. Test on both dark and light themes

Relevant code

• tauri/ directory contains the desktop app
• Settings dialog UI components

This is a good first contribution since it's visual, self-contained, and doesn't require understanding the audio pipeline.

Related: Discussion #44

[Dieterbe]

How does this look on other OS'es and why is it different? (especially referring to no 1. here)
Note that neither the minutes website, nor the github page shows any screenshots of the desktop GUI which i found surprising.

[silverstein]

Sorry missed this.

Menu bar:

Settings:

The section groupings (GENERAL, DICTATION, LIVE TRANSCRIPT, etc.) should be in place on all platforms now, and the underlying HTML/CSS should be the same. Let me know if this matches what you're seeing on Linux, @Dieterbe!