fix and update

apps/frontend/components/ui/table.tsx

@@ -2,7 +2,21 @@ import * as React from 'react';
 import { cn } from '@/lib/utils';
 
 export function Table({ className, ...props }: React.TableHTMLAttributes<HTMLTableElement>) {
-  return <table className={cn('w-full caption-bottom text-sm', className)} {...props} />;
+  return <table className={cn('w-full min-w-[720px] caption-bottom text-sm', className)} {...props} />;
+}
+
+export function TableContainer({ className, children, ...props }: React.HTMLAttributes<HTMLDivElement>) {
+  return (
+    <div
+      className={cn(
+        'w-full max-w-full overflow-x-auto overscroll-x-contain [-webkit-overflow-scrolling:touch]',
+        className
+      )}
+      {...props}
+    >
+      {children}
+    </div>
+  );
 }
 
 export function TableHeader({ className, ...props }: React.HTMLAttributes<HTMLTableSectionElement>) {