Place live timestamp beside heading

Author: jahooma

freebuff/web/src/app/live/live-client.tsx

@@ -1,7 +1,7 @@
 'use client'
 
 import { motion } from 'framer-motion'
-import { Cpu, Globe2, Radio } from 'lucide-react'
+import { Cpu, Globe2 } from 'lucide-react'
 import { useEffect, useMemo, useState } from 'react'
 
 import type { FreebuffLiveStats } from '@/server/live-stats'
@@ -245,11 +245,6 @@ function WorldMap({ stats }: { stats: FreebuffLiveStats }) {
           </div>
         </div>
       )}
-
-      <div className="absolute left-4 top-4 flex items-center gap-2 rounded-md border border-white/10 bg-black/45 px-3 py-2 text-xs text-white/65 backdrop-blur">
-        <Radio className="h-3.5 w-3.5 text-acid-matrix" aria-hidden />
-        <span>Updated {formattedTime(stats.generatedAt)}</span>
-      </div>
     </section>
   )
 }
@@ -333,22 +328,27 @@ export default function LiveClient({
         <div className="relative container mx-auto px-4 pb-6 pt-10 md:pb-8 md:pt-14">
           <div className="flex flex-col gap-6 lg:flex-row lg:items-end lg:justify-between">
             <div>
-              <h1 className="flex max-w-3xl items-center gap-4 font-serif text-4xl leading-tight text-white md:text-6xl">
-                <motion.span
-                  aria-hidden
-                  className="h-3 w-3 shrink-0 rounded-full bg-acid-matrix shadow-[0_0_18px_rgba(124,255,63,0.9)] md:h-4 md:w-4"
-                  animate={{
-                    opacity: [0.45, 1, 0.45],
-                    scale: [0.86, 1.18, 0.86],
-                  }}
-                  transition={{
-                    duration: 1.8,
-                    repeat: Infinity,
-                    ease: 'easeInOut',
-                  }}
-                />
-                Freebuff live
-              </h1>
+              <div className="flex flex-wrap items-baseline gap-x-4 gap-y-2">
+                <h1 className="flex max-w-3xl items-center gap-4 font-serif text-4xl leading-tight text-white md:text-6xl">
+                  <motion.span
+                    aria-hidden
+                    className="h-3 w-3 shrink-0 rounded-full bg-acid-matrix shadow-[0_0_18px_rgba(124,255,63,0.9)] md:h-4 md:w-4"
+                    animate={{
+                      opacity: [0.45, 1, 0.45],
+                      scale: [0.86, 1.18, 0.86],
+                    }}
+                    transition={{
+                      duration: 1.8,
+                      repeat: Infinity,
+                      ease: 'easeInOut',
+                    }}
+                  />
+                  Freebuff live
+                </h1>
+                <span className="whitespace-nowrap text-sm text-white/45 md:text-base">
+                  Updated {formattedTime(stats.generatedAt)}
+                </span>
+              </div>
             </div>
           </div>