implement admin panel with login functionality and dashboard layout

admin/src/components/ItemTable.tsx

@@ -0,0 +1,7 @@
+import React from "react";
+
+const ItemTable: React.FC = () => {
+  return <>Item Table</>;
+};
+
+export default ItemTable;

admin/src/components/LoanTable.tsx

@@ -0,0 +1,7 @@
+import React from "react";
+
+const LoanTable: React.FC = () => {
+  return <>Loan Table</>;
+};
+
+export default LoanTable;

admin/src/components/LockerTable.tsx

@@ -0,0 +1,7 @@
+import React from "react";
+
+const LockerTable: React.FC = () => {
+  return <>Locker Table</>;
+};
+
+export default LockerTable;

admin/src/components/UserTable.tsx

@@ -0,0 +1,7 @@
+import React from "react";
+
+const UserTable: React.FC = () => {
+  return <>User Table</>;
+};
+
+export default UserTable;

admin/src/components/myChakra/MyAlert.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+import { Alert } from "@chakra-ui/react";
+
+type MyAlertProps = {
+  title: string;
+  description: string;
+};
+
+const MyAlert: React.FC<MyAlertProps> = ({ title, description }) => {
+  return (
+    <Alert.Root status="error">
+      <Alert.Indicator />
+      <Alert.Content>
+        <Alert.Title>{title}</Alert.Title>
+        <Alert.Description>{description}</Alert.Description>
+      </Alert.Content>
+    </Alert.Root>
+  );
+};
+
+export default MyAlert;