refactor: remove unneeded wrapper

Author: peppescg

src/app/catalog/components/servers-table.tsx

@@ -19,59 +19,57 @@ interface ServersTableProps {
 export function ServersTable({ servers, onServerClick }: ServersTableProps) {
   return (
     <div className="w-full overflow-hidden rounded-md border">
-      <div className="overflow-x-auto">
-        <Table className="min-w-full">
-          <TableHeader className="bg-muted/50">
-            <TableRow>
-              <TableHead className="w-full pl-4 sm:w-1/5">Server</TableHead>
-              <TableHead className="hidden sm:w-7/10 sm:table-cell">
-                About
-              </TableHead>
-              <TableHead className="w-16 text-right sm:w-1/10" />
-            </TableRow>
-          </TableHeader>
-          <TableBody>
-            {servers.map((server) => {
-              const url = server.remotes?.[0]?.url || "";
-              const serverName = server.name || "Unknown";
-              const description =
-                server.description || "No description available";
+      <Table className="min-w-full">
+        <TableHeader className="bg-muted/50">
+          <TableRow>
+            <TableHead className="w-full pl-4 sm:w-1/5">Server</TableHead>
+            <TableHead className="hidden sm:w-7/10 sm:table-cell">
+              About
+            </TableHead>
+            <TableHead className="w-16 text-right sm:w-1/10" />
+          </TableRow>
+        </TableHeader>
+        <TableBody>
+          {servers.map((server) => {
+            const url = server.remotes?.[0]?.url || "";
+            const serverName = server.name || "Unknown";
+            const description =
+              server.description || "No description available";
 
-              return (
-                <TableRow
-                  key={server.name}
-                  onClick={() => onServerClick?.(server)}
-                  className={onServerClick ? "cursor-pointer" : undefined}
+            return (
+              <TableRow
+                key={server.name}
+                onClick={() => onServerClick?.(server)}
+                className={onServerClick ? "cursor-pointer" : undefined}
+              >
+                <TableCell
+                  className="pl-4 align-middle sm:w-1/5"
+                  title={serverName}
                 >
-                  <TableCell
-                    className="pl-4 align-middle sm:w-1/5"
-                    title={serverName}
-                  >
-                    <p className="text-base font-medium sm:text-sm">
-                      {serverName}
-                    </p>
-                  </TableCell>
-                  <TableCell
-                    className="hidden pr-4 text-muted-foreground whitespace-normal wrap-break-word sm:table-cell sm:w-7/10"
-                    title={description}
-                  >
-                    {description}
-                  </TableCell>
-                  <TableCell className="pr-3 text-right align-middle sm:w-1/10">
-                    {url ? (
-                      <CopyUrlButton
-                        url={url}
-                        className="md:h-9 md:w-auto md:rounded-md md:px-3"
-                        labelClassName="hidden md:inline"
-                      />
-                    ) : null}
-                  </TableCell>
-                </TableRow>
-              );
-            })}
-          </TableBody>
-        </Table>
-      </div>
+                  <p className="text-base font-medium sm:text-sm">
+                    {serverName}
+                  </p>
+                </TableCell>
+                <TableCell
+                  className="hidden pr-4 text-muted-foreground whitespace-normal wrap-break-word sm:table-cell sm:w-7/10"
+                  title={description}
+                >
+                  {description}
+                </TableCell>
+                <TableCell className="pr-3 text-right align-middle sm:w-1/10">
+                  {url ? (
+                    <CopyUrlButton
+                      url={url}
+                      className="md:h-9 md:w-auto md:rounded-md md:px-3"
+                      labelClassName="hidden md:inline"
+                    />
+                  ) : null}
+                </TableCell>
+              </TableRow>
+            );
+          })}
+        </TableBody>
+      </Table>
     </div>
   );
 }