Seitenleiste: "Listen" ist ein Eintrag wie jeder andere

Die Gruppe sah aus wie eine Abschnittsueberschrift - klein, versal,
gedaempft - und stand damit optisch neben der Leiste statt darin. Jetzt
traegt sie die Klasse .nav-link wie alle anderen Eintraege und misst sich
genauso; nur das Verhalten ist anders, sie klappt auf statt zu navigieren.

In der CSS bleiben deshalb nur die Eigenheiten, die ein <button> braucht.
Alles Sichtbare kommt von .nav-link, damit die Hoehe nicht auseinanderlaeuft,
sobald dort jemand etwas aendert.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

web/src/App.jsx

@@ -113,11 +113,11 @@ function Sidebar() {
         {/* Auf schmalen Bildschirmen wird die Leiste waagerecht; dort gibt es
             keine Abschnitte (styles.css) und die Eintraege stehen flach
             nebeneinander – zuklappen loest dort kein Platzproblem. */}
-        <button type="button" className="nav-group" onClick={klappeListen}
+        <button type="button" className="nav-link nav-group" onClick={klappeListen}
           aria-expanded={listenOffen || aufEinerListe}>
-          <Icon name="chevron" size={14}
+          <Icon name="chevron" size={17}
             className={listenOffen || aufEinerListe ? "" : "rot-90"} />
-          <span>Listen</span>
+          <span className="label">Listen</span>
         </button>
         {LISTEN.map((e) => (
           <NavLink key={e.to} to={e.to}