(false);
+
+ return (
+ <>
+
+
+
+
+ {children}
+
+ >
+ );
+}
diff --git a/apps/admin_frontend/src/components/WelcomeBar.tsx b/apps/admin_frontend/src/components/WelcomeBar.tsx
new file mode 100644
index 0000000..c09dc07
--- /dev/null
+++ b/apps/admin_frontend/src/components/WelcomeBar.tsx
@@ -0,0 +1,34 @@
+import { Box, Button, Typography } from "@mui/material";
+import { CalendarToday } from "@mui/icons-material";
+
+export function WelcomeBar() {
+ function getGreeting() {
+ const currentTime = new Date();
+ const currentHour = currentTime.getHours();
+
+ if (currentHour < 12) {
+ return "Good morning";
+ } else if (currentHour < 18) {
+ return "Good afternoon";
+ } else {
+ return "Good night";
+ }
+ }
+ return (
+
+ {getGreeting()}
+ } color="inherit">
+ {new Date().toLocaleString(undefined, {
+ year: "numeric",
+ month: "long",
+ })}
+
+
+ );
+}
diff --git a/apps/admin_frontend/src/pages/_app.tsx b/apps/admin_frontend/src/pages/_app.tsx
new file mode 100644
index 0000000..9cc48e1
--- /dev/null
+++ b/apps/admin_frontend/src/pages/_app.tsx
@@ -0,0 +1,34 @@
+import Layout from "@/components/Layout";
+import { CssBaseline, ThemeProvider } from "@mui/material";
+import { NextPage } from "next";
+import type { AppProps } from "next/app";
+import { ReactElement, ReactNode } from "react";
+import { RecoilRoot } from "recoil";
+import { theme } from "ui";
+
+export type NextPageWithLayout = NextPage
& {
+ getLayout?: (page: ReactElement) => ReactNode;
+};
+
+type AppPropsWithLayout = AppProps & {
+ Component: NextPageWithLayout;
+};
+
+function getLayoutComponent(page: ReactElement) {
+ return {page};
+}
+
+export default function App({ Component, pageProps }: AppPropsWithLayout) {
+ const getLayout = Component.getLayout
+ ? getLayoutComponent
+ : (page: ReactElement) => page;
+
+ return (
+
+
+
+ {getLayout()}
+
+
+ );
+}
diff --git a/apps/admin_frontend/src/pages/_document.tsx b/apps/admin_frontend/src/pages/_document.tsx
new file mode 100644
index 0000000..54e8bf3
--- /dev/null
+++ b/apps/admin_frontend/src/pages/_document.tsx
@@ -0,0 +1,13 @@
+import { Html, Head, Main, NextScript } from 'next/document'
+
+export default function Document() {
+ return (
+
+
+
+