Initial commit for new panel

src/app/admins/create/page.tsx

@@ -0,0 +1,20 @@
+import Breadcrumb from "@/components/Breadcrumbs/Breadcrumb";
+import CreateAdminForm from "@/components/forms/admins/CreateAdmin";
+
+interface IProps {}
+
+const CreateAdminPage = ({}: IProps) => {
+  const breadcrumbItems = [
+    { name: "Dashboard", href: "/" },
+    { name: "Admins", href: "/admins" },
+    { name: "Create Admin", href: "/admins/create" },
+  ];
+  return (
+    <>
+      <Breadcrumb items={breadcrumbItems} />
+      <CreateAdminForm />
+    </>
+  );
+};
+
+export default CreateAdminPage;

src/app/admins/edit/[id]/page.tsx

@@ -0,0 +1,26 @@
+"use client";
+
+import Loading from "@/app/loading";
+import Breadcrumb from "@/components/Breadcrumbs/Breadcrumb";
+import CreateAdminForm from "@/components/forms/admins/CreateAdmin";
+import { useAdminDetails } from "@/hooks/queries";
+import React, { use } from "react";
+
+const AdminEditPage = ({ params }: { params: Promise<{ id: string }> }) => {
+  const { id } = use(params);
+  const { data: adminDetails, isLoading } = useAdminDetails(id);
+  const breadcrumbItems = [
+    { name: "Dashboard", href: "/" },
+    { name: "Admins", href: "/admins" },
+    { name: "Edit Admin", href: `/admins/edit/${id}` },
+  ];
+  if (isLoading) return <Loading />;
+  return (
+    <>
+      <Breadcrumb items={breadcrumbItems} />
+      <CreateAdminForm editMode defaultValues={adminDetails?.data} id={id} />
+    </>
+  );
+};
+
+export default AdminEditPage;

src/app/admins/page.tsx

@@ -0,0 +1,25 @@
+import Breadcrumb from "@/components/Breadcrumbs/Breadcrumb";
+import AdminsTable from "@/components/Tables/admins";
+import { AdminsSkeleton } from "@/components/Tables/admins/Skeleton";
+import { Metadata } from "next";
+import { Suspense } from "react";
+
+export const metadata: Metadata = {
+  title: "Admins Page",
+};
+const AdminsPage = () => {
+  const breadcrumbItems = [
+    { name: "Dashboard", href: "/" },
+    { name: "Admins", href: "/admins" },
+  ];
+  return (
+    <>
+      <Breadcrumb items={breadcrumbItems} />
+      <Suspense fallback={<AdminsSkeleton />}>
+        <AdminsTable />
+      </Suspense>
+    </>
+  );
+};
+
+export default AdminsPage;