feat(dashboard): restructure sidebar nav by module — add Server Admin group

[karaktaka]

Summary

• New Server Admin group (indigo, admin-only) containing Language and Moderator Roles — separates bot administration from general moderation
• General trimmed to Server Overview + Reminders; Moderation trimmed to Auto-Kicker, Auto-Delete, Leave Messages
• Renamed "Support" group → "Help", "All Guilds" nav item → "Support Mode" (EN + DE)
• Added .scrollbar-thin CSS utility (3px, themed, hover-to-reveal) applied to all overflow-y-auto containers site-wide
• Tightened sidebar item spacing (py-2 → py-1.5, space-y-4 → space-y-3) to reduce overflow with more groups
• Fixed biome.json: enabled css.parser.tailwindDirectives so Biome correctly parses @theme/@layer (pre-existing gap)

Test plan

• Member view: General (Server Overview, Reminders) + Help only — no Server Admin, no Moderation/Roles/etc.
• Mod view: General + Moderation + Roles + Applications + WoW + Help — no Server Admin
• Admin view: all of the above + Server Admin (Language, Moderator Roles)
• Operator view: Operator group shows "Support Mode" item; Help group present
• German locale: toggle to DE — verify "Serveradmin", "Hilfe", "Support-Modus"
• URL stability: ?tab=language and ?tab=moderator-roles still route correctly under Server Admin
• Scrollbar: sidebar nav scrollbar is invisible at rest, appears as thin themed bar on hover

🤖 Generated with Claude Code

Summary by CodeRabbit

• New Features

  • Introduced a new Server Admin section in guild navigation.

• Style

  • Enhanced scrollbar styling across dropdowns and scrollable areas with improved visual appearance.

• Refactor

  • Reorganized guild navigation structure for better section organization.

• Documentation

  • Updated translations: "Support" → "Help", "Operator Guilds" → "Support Mode", and added Server Admin labels across supported languages.

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: ASSERTIVE

Plan: Pro

Run ID: f32a0967-832a-467c-b047-2d41ae3510e8

📥 Commits

Reviewing files that changed from the base of the PR and between c88ade3 and 3f82c85.

📒 Files selected for processing (10)

• biome.json
• web/frontend/src/components/DiscordPicker.vue
• web/frontend/src/components/RealmPicker.vue
• web/frontend/src/i18n/locales/de.ts
• web/frontend/src/i18n/locales/en.ts
• web/frontend/src/style.css
• web/frontend/src/views/guild/FormSubmissionsView.vue
• web/frontend/src/views/guild/GuildDetailView.vue
• web/frontend/src/views/guild/tabs/ApplicationSubmissionsTab.vue
• web/frontend/src/views/guild/tabs/RemindersTab.vue

---

📝 Walkthrough

Walkthrough

This PR introduces a new scrollbar styling utility class and applies it across multiple components for consistent scrollbar appearance. It restructures the guild navigation to separate admin-level settings into a dedicated server-admin group, and updates German and English UI translations for navigation labels.

Changes

Cohort / File(s)	Summary
Build Configuration biome.json	Enabled Tailwind directive parsing in CSS parser configuration.
Localization web/frontend/src/i18n/locales/en.ts, web/frontend/src/i18n/locales/de.ts	Added nav.groups.server_admin translation key and updated nav.groups.support and nav.items.operator_guilds labels in both English and German locales.
CSS Utilities web/frontend/src/style.css	Introduced new .scrollbar-thin CSS utility class with Firefox and WebKit support, featuring hover-triggered scrollbar color animation.
Component Styling web/frontend/src/components/DiscordPicker.vue, web/frontend/src/components/RealmPicker.vue, web/frontend/src/views/guild/tabs/RemindersTab.vue	Applied scrollbar-thin class to dropdown containers for consistent scrollbar styling.
View Styling web/frontend/src/views/guild/FormSubmissionsView.vue, web/frontend/src/views/guild/tabs/ApplicationSubmissionsTab.vue	Added scrollbar-thin class to list and detail panel containers.
Guild Navigation Restructuring web/frontend/src/views/guild/GuildDetailView.vue	Reorganized tab groups by moving Language and Moderator Roles to a new admin-level server-admin group, separated moderation tabs into their own group, and adjusted navigation spacing. Applied scrollbar-thin styling to navigation and content areas.

🚥 Pre-merge checks | ✅ 3

✅ Passed checks (3 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title clearly and specifically describes the main change: restructuring the sidebar navigation by introducing a new Server Admin group, which aligns with the primary objective across multiple files.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

📝 Coding Plan

• Generate coding plan for human review comments

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}