refactor(styles): split components.css into per-section files (#657)

components.css (14205 LOC) → 84 per-section files in src/styles/components/ +
an index.css that imports them in original cascade order.

Same approach as the theme.css split: top-level sections are detected by
single-dash or 3+ dash header decoration (/^\/\* ─(?: |─{2,})/), 2-dash
sub-sections stay inside their parent. Concatenating in @import order
reproduces the original byte stream (+1 trailing newline, cosmetic).

Each section is now self-contained — touching Tracklist, Modal, Hero,
Sidebar, etc. only opens one focused file.

Generated via /tmp/split-components-css.mjs.

src/main.tsx

@@ -5,7 +5,7 @@ import { runPreReactBootstrap } from './app/bootstrap';
 import './i18n';
 import './styles/themes/index.css';
 import './styles/layout.css';
-import './styles/components.css';
+import './styles/components/index.css';
 import './styles/tracks.css';
 
 runPreReactBootstrap();