furhter bug fixes and updates

discord_verificiation/playtime-frontend/components/MapSearch.tsx

@@ -2,11 +2,13 @@
 
 import { useEffect, useState } from 'react';
 import Link from 'next/link';
+import { formatMinutes } from '@/lib/steam';
 
 interface MapSummary {
   map_name: string;
   times_played: number;
   last_played: string;
+  total_minutes: number;
 }
 
 export default function MapSearch() {
@@ -46,12 +48,25 @@ export default function MapSearch() {
             <Link
               key={m.map_name}
               href={`/maps/${encodeURIComponent(m.map_name)}`}
-              className="flex items-center justify-between px-4 py-3 hover:bg-base transition-colors"
+              className="group flex items-center justify-between px-4 py-3 hover:bg-base transition-colors"
             >
               <div className="text-ink text-sm">{m.map_name}</div>
-              <div className="flex items-center gap-4 text-xs text-ink-faint font-mono">
-                <span>{m.times_played}× played</span>
-                <span>last {new Date(m.last_played.replace(' ', 'T')).toLocaleDateString()}</span>
+              <div className="flex items-center gap-4">
+                <div className="flex flex-col items-end text-xs text-ink-faint font-mono gap-0.5">
+                  <span>{m.times_played}× played · {formatMinutes(m.total_minutes)} total</span>
+                  <span>last played {new Date(m.last_played.replace(' ', 'T')).toLocaleString()}</span>
+                </div>
+                <svg
+                  width="16"
+                  height="16"
+                  viewBox="0 0 24 24"
+                  fill="none"
+                  stroke="currentColor"
+                  strokeWidth="2"
+                  className="text-ink-faint group-hover:text-accent group-hover:translate-x-0.5 transition-all shrink-0"
+                >
+                  <path d="M9 6l6 6-6 6" strokeLinecap="round" strokeLinejoin="round" />
+                </svg>
               </div>
             </Link>
           ))