Add sub groups to group table

src/components/map/MapTileGroup.js

@@ -0,0 +1,33 @@
+import React from "react";
+
+import Tile from "../Tile";
+import MapTileImage from "./MapTileImage";
+
+function MapTileGroup({
+  group,
+  maps,
+  isSelected,
+  onGroupSelect,
+  onOpen,
+  canOpen,
+}) {
+  return (
+    <Tile
+      title={group.name}
+      isSelected={isSelected}
+      // onSelect={() => onGroupSelect(group)}
+      // onDoubleClick={() => canOpen && onOpen()}
+      columns="1fr 1fr"
+    >
+      {maps.slice(0, 4).map((map) => (
+        <MapTileImage
+          sx={{ padding: 1, borderRadius: "8px" }}
+          map={map}
+          key={map.id}
+        />
+      ))}
+    </Tile>
+  );
+}
+
+export default MapTileGroup;