integrate users

src/modules/admin/pages/user_groups/GroupList.jsx

@@ -0,0 +1,11 @@
+import React from 'react'
+
+const GroupList = () => {
+  return (
+    <div>
+      GroupList
+    </div>
+  )
+}
+
+export default GroupList

src/modules/admin/pages/user_groups/ViewGroup.jsx

@@ -0,0 +1,11 @@
+import React from 'react'
+
+const ViewGroup = () => {
+  return (
+    <div>
+      ViewGroup
+    </div>
+  )
+}
+
+export default ViewGroup

src/modules/admin/pages/users/AddUser.jsx

@@ -0,0 +1,11 @@
+import React from 'react'
+
+const AddUser = () => {
+  return (
+    <div>
+      AddUser
+    </div>
+  )
+}
+
+export default AddUser

src/modules/admin/pages/users/UserDashboard.jsx

@@ -0,0 +1,6 @@
+import { USER_MANAGEMENT } from "@/data/adminTiles.data";
+import DashboardGrid from "@/components/generic/DashboardGrid";
+
+export default function UserDashboard() {
+  return <DashboardGrid sections={USER_MANAGEMENT} />
+}

src/modules/admin/pages/users/UserList.jsx

@@ -0,0 +1,25 @@
+import { House } from "lucide-react";
+
+import AppBreadcrumb from "@/components/generic/Breadcrumb/AppBreadcrumb";
+import UsersTable from "../../components/UserTable";
+
+export default function UserList() {
+  const items = [
+    { label: "Home", icon: <House className="size-4" />, to: `/admin/users` },
+    { label: "Users" },
+  ]
+
+  return (
+    <section className="bg-muted/60 h-full">
+      <div className="lg:container lg:mx-auto lg:px-0 flex flex-col items-start px-4">
+        <div className="flex flex-col gap-2 my-6 ">
+          <AppBreadcrumb items={items} />
+        </div>
+
+        <div className="w-full">
+          <UsersTable />
+        </div>
+      </div>
+    </section>
+  )
+}

src/modules/admin/pages/users/ViewUser.jsx

@@ -0,0 +1,11 @@
+import React from 'react'
+
+const ViewUser = () => {
+  return (
+    <div>
+      ViewUser
+    </div>
+  )
+}
+
+export default ViewUser