feat(archive): enhance archive page with scrollable table and responsive design

frontend/src/index.css

@@ -517,6 +517,13 @@ kbd {
   padding: 10px 12px;
   border-radius: 10px;
 }
+.archive-scroll {
+  width: 100%;
+  overflow: auto;
+}
+.archive-table {
+  min-width: 860px;
+}
 .archive-header {
   font-weight: 800;
   color: var(--subtle);
@@ -537,6 +544,7 @@ kbd {
   }
   .archive-header span:nth-child(3),
   .archive-row span:nth-child(3) { grid-column: span 2; }
+  .archive-table { min-width: 100%; }
 }
 
 .scrape-card {

frontend/src/pages/ArchivePage.tsx

@@ -74,6 +74,7 @@ export default function ArchivePage() {
             )}
 
             {items.length > 0 && (
+                <div className="archive-scroll">
                     <div className="archive-table">
                         <div className="archive-header">
                             <span>ID</span>
@@ -96,6 +97,7 @@ export default function ArchivePage() {
                             </div>
                         ))}
                     </div>
+                </div>
             )}
         </div>
     );