style: badges centered to flags, wider dashboard, mobile header actions

MatchCard:
- Badges (group, countdown, LIVE, BEENDET) now vertically centered
  to flag height, positioned left/right of the teams
- Removed separate topRow — all in one matchBlock flex layout

Dashboard:
- max-width increased to 800px (matches spielplan width)

Header:
- Theme toggle + admin link moved to headerActions (always visible)
- Theme toggle icon in gold color (was too dark in dark mode)
- Admin link brighter (text-secondary instead of text-muted)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

frontend/src/components/MatchCard.module.css

@@ -21,14 +21,21 @@
     inset 0 1px 0 rgba(255,255,255,0.07) !important;
 }
 
-/* Top row — badges inset to align near flag inner edges */
-.topRow {
+/* Badge columns — vertically centered to flags */
+.badgeLeft, .badgeRight {
   display: flex;
   align-items: center;
-  gap: 8px;
-  margin-bottom: 12px;
-  margin-left: 8px;
-  margin-right: 8px;
+  align-self: flex-start;
+  height: 56px; /* match flag height */
+  min-width: 0;
+}
+
+.badgeLeft {
+  justify-content: flex-start;
+}
+
+.badgeRight {
+  justify-content: flex-end;
 }
 
 .status {
@@ -116,12 +123,12 @@
     0 0 16px rgba(254, 174, 50, 0.25);
 }
 
-/* Match row — Teams + Score/Time */
-.matchRow {
+/* Match block — badges + teams + time/score */
+.matchBlock {
   display: flex;
   align-items: flex-start;
   justify-content: center;
-  gap: 10px;
+  gap: 6px;
   margin-bottom: 16px;
 }