committing all group related code

src/pages/Groups.tsx

@@ -9,6 +9,7 @@ import { useGroupAPI } from "providers";
 import { useEffect, useState } from "react";
 import { useNavigate } from "react-router-dom";
 import { or } from "utils/types";
+import PageContainer from "./PageContainer";
 
 const useStyles = makeStyles((theme: Theme) => {
   const isMobile = useMobile()
@@ -115,18 +116,20 @@ export default function GroupsPage() {
   }
 
   return (
-    <ResponsiveTable<pond.Group>
-      title={<SmartBreadcrumb />}
-      rows={groups} 
-      columns={columns()}
-      total={total}
-      pageSize={limit}
-      page={page}
-      setPage={setPage}
-      handleRowsPerPageChange={handleRowsPerPageChange}
-      isLoading={loading}
-      setSearchText={setSearch}
-      onRowClick={handleRowClick}
-    />
+    <PageContainer >
+      <ResponsiveTable<pond.Group>
+        title={<SmartBreadcrumb />}
+        rows={groups} 
+        columns={columns()}
+        total={total}
+        pageSize={limit}
+        page={page}
+        setPage={setPage}
+        handleRowsPerPageChange={handleRowsPerPageChange}
+        isLoading={loading}
+        setSearchText={setSearch}
+        onRowClick={handleRowClick}
+      />
+    </PageContainer>
   )
 }