feat: improve app ui and project metadata

apps/web/components/review/BeatMap.tsx

@@ -16,19 +16,21 @@ export function BeatMap({ beatMap }: BeatMapProps) {
   }
   const spark = toSparkline(beatMap);
   return (
-    <div
-      className="flex h-12 items-end gap-0.5"
-      role="img"
-      aria-label={`爽点节拍图 ${spark}`}
-    >
-      {cells.map((cell, i) => (
-        <div
-          key={i}
-          className="min-w-[4px] flex-1 rounded-t bg-cinnabar/70"
-          style={{ height: `${cell.heightPct}%` }}
-          title={`第${i + 1}拍 强度${cell.value}`}
-        />
-      ))}
+    <div className="max-w-full overflow-x-auto pb-1">
+      <div
+        className="flex h-12 min-w-full items-end gap-0.5"
+        role="img"
+        aria-label={`爽点节拍图 ${spark}`}
+      >
+        {cells.map((cell, i) => (
+          <div
+            key={i}
+            className="min-w-[4px] flex-1 rounded-t bg-cinnabar/70"
+            style={{ height: `${cell.heightPct}%` }}
+            title={`第${i + 1}拍 强度${cell.value}`}
+          />
+        ))}
+      </div>
     </div>
   );
 }