added number sorting to graphs and updated the graph for repeated days showcase

discord_verificiation/playtime-frontend/components/PlayerTimelineChart.tsx

@@ -40,14 +40,15 @@ export default function PlayerTimelineChart({
   return (
     <div>
       {/* time axis */}
-      <div className="flex justify-between text-xs text-ink-faint font-mono mb-2 pl-[172px]">
+      <div className="flex justify-between text-xs text-ink-faint font-mono mb-2 pl-[196px]">
         <span>{windowStartLabel}</span>
         <span>{windowEndLabel}</span>
       </div>
 
       <div className="space-y-1.5">
-        {players.map((p) => (
+        {players.map((p, i) => (
           <div key={p.steamid} className="flex items-center gap-3">
+            <span className="text-ink-faint text-xs w-5 text-right shrink-0">{i + 1}</span>
             <Link
               href={`/players/${encodeURIComponent(p.steamid)}`}
               className="flex items-center gap-2 w-[150px] shrink-0 hover:text-accent transition-colors"