Added basic Admin dashboard layout

website/src/components/Layout.tsx

@@ -1,7 +1,7 @@
 // https://nextjs.org/docs/basic-features/layouts
 
 import type { NextPage } from "next";
-import { FiLayout, FiMessageSquare } from "react-icons/fi";
+import { FiLayout, FiMessageSquare, FiUsers } from "react-icons/fi";
 import { Header } from "src/components/Header";
 
 import { Footer } from "./Footer";
@@ -51,4 +51,22 @@ export const getDashboardLayout = (page: React.ReactElement) => (
   </div>
 );
 
+export const getAdminLayout = (page: React.ReactElement) => (
+  <div className="grid grid-rows-[min-content_1fr_min-content] h-full justify-items-stretch">
+    <Header transparent={true} />
+    <SideMenuLayout
+      menuButtonOptions={[
+        {
+          label: "Users",
+          pathname: "/admin",
+          desc: "Users Dashboard",
+          icon: FiUsers,
+        },
+      ]}
+    >
+      {page}
+    </SideMenuLayout>
+  </div>
+);
+
 export const noLayout = (page: React.ReactElement) => page;

website/src/pages/admin/index.tsx

@@ -2,7 +2,7 @@ import Head from "next/head";
 import { useRouter } from "next/router";
 import { useSession } from "next-auth/react";
 import { useEffect } from "react";
-import { getTransparentHeaderLayout } from "src/components/Layout";
+import { getAdminLayout } from "src/components/Layout";
 import UsersCell from "src/components/UsersCell";
 
 /**
@@ -44,6 +44,6 @@ const AdminIndex = () => {
   );
 };
 
-AdminIndex.getLayout = getTransparentHeaderLayout;
+AdminIndex.getLayout = getAdminLayout;
 
 export default AdminIndex;