style: remove hero border, LED time between flags like Design 2

- Removed visible blue border on hero card (now near-invisible white/6%)
- LED kickoff time moved between the two flags (replacing VS text)
- Layout: flag — LED time — flag centered vertically

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

frontend/src/pages/DashboardPage.tsx

@@ -68,12 +68,7 @@ export default function DashboardPage(_props: Props) {
 
         {hero ? (
           <>
-            {/* LED Kickoff Time */}
-            <div className={styles.heroKickoff}>
-              <span className={styles.heroLED}>{formatKickoff(hero.match.utcDate)}</span>
-            </div>
-
-            {/* Teams */}
+            {/* Teams with LED time in center */}
             <div className={styles.heroTeams}>
               <div className={styles.heroTeam}>
                 <div className={styles.heroCrestBox}>
@@ -86,7 +81,10 @@ export default function DashboardPage(_props: Props) {
                 <span className={styles.heroTeamName}>{hero.match.homeTeam.shortName}</span>
               </div>
 
-              <span className={styles.heroVs}>VS</span>
+              {/* Center: LED time */}
+              <div className={styles.heroCenter}>
+                <span className={styles.heroLED}>{formatKickoff(hero.match.utcDate)}</span>
+              </div>
 
               <div className={styles.heroTeam}>
                 <div className={styles.heroCrestBox}>