refactor(infra.mareshq.com): put tables into component and add horizontal overflow

themes/infra/components/Table.tsx

@@ -0,0 +1,23 @@
+import { ReactNode, FunctionComponent } from 'react';
+
+type Props = {
+  columnNames: string[];
+  children?: ReactNode;
+};
+
+const Table = ({ columnNames, children }: Props) => (
+  <div className="overflow-x-auto">
+    <table className="table-fixed min-w-full">
+      <thead className="text-left">
+        <tr>
+          {columnNames.map((cn) => (
+            <th className="py-1 px-2">{cn}</th>
+          ))}
+        </tr>
+      </thead>
+      {children}
+    </table>
+  </div>
+);
+
+export default Table;