chore: Secure routes with auth middleware, update text and fix minor bugs

src/app/dashboard/leaderboard/page.tsx

@@ -25,14 +25,18 @@ export default function LeaderboardPage() {
   ]
 
   return (
-    <div className="p-8 space-y-8 animate-in fade-in slide-in-from-bottom-4 duration-500 max-w-5xl mx-auto">
+    <div className="p-8 space-y-8 animate-in fade-in slide-in-from-bottom-4 duration-500 max-w-7xl mx-auto">
       <div className="flex flex-col md:flex-row justify-between items-start md:items-end gap-4">
         <div>
-          <h1 className="text-3xl font-bold tracking-tight text-foreground flex items-center gap-3">
-            <Trophy className="text-yellow-500" size={32} />
+          <h1 className="text-3xl md:text-4xl font-black tracking-tight flex items-center gap-3 mb-1">
+            <span className="p-2.5 rounded-xl bg-[#00F0FF]/10 border border-[#00F0FF]/20">
+              <Trophy className="text-[#00F0FF]" size={28} />
+            </span>
             Leaderboard
           </h1>
-          <p className="text-muted-foreground mt-2 font-medium">Rankings are based on your Accuracy × Consistency (Streak Bonus).</p>
+          <p className="text-muted-foreground text-base font-medium max-w-2xl pl-1">
+            Rankings are based on your Accuracy × Consistency (Streak Bonus).
+          </p>
         </div>
         
         <div className="flex items-center gap-3 bg-secondary/50 p-1.5 rounded-xl border border-border">