Refactor DataTable component layout by removing unnecessary width constraint from the main div for improved responsiveness.

src/components/DataTable.jsx

@@ -58,7 +58,7 @@ const DataTable = () => {
   }
 
   return (
-    <div className="w-full max-w-4xl mx-auto p-6">
+    <div className="w-full mx-auto p-6">
       <div className="flex justify-between items-center mb-6">
         <h2 className="text-2xl font-bold text-foreground">Interesting Mock Data</h2>
         <Button onClick={fetchFromMongoDB}>