refactor admin catch all page

apps/app/src/pages/admin/[...path].page.tsx

@@ -1,38 +1,17 @@
-import type {
-  NextPage, GetServerSideProps, GetServerSidePropsContext,
-} from 'next';
 import dynamic from 'next/dynamic';
 
-import AdminLayout from '~/components/Layout/AdminLayout';
-import type { CommonProps } from '~/pages/utils/commons';
-import { useCurrentUser } from '~/stores-universal/context';
-import { useIsMaintenanceMode } from '~/stores/maintenanceMode';
+import type { NextPageWithLayout } from '../_app.page';
 
-import { retrieveServerSideProps } from '../../utils/admin-page-util';
+import { createAdminPageLayout, getServerSideAdminCommonProps } from './_shared';
 
 const AdminNotFoundPage = dynamic(() => import('~/client/components/Admin/NotFoundPage').then(mod => mod.AdminNotFoundPage), { ssr: false });
-const ForbiddenPage = dynamic(() => import('~/client/components/Admin/ForbiddenPage').then(mod => mod.ForbiddenPage), { ssr: false });
 
+const AdminCatchAllPage: NextPageWithLayout = () => <AdminNotFoundPage />;
 
-const AdminAppPage: NextPage<CommonProps> = (props) => {
-  useIsMaintenanceMode(props.isMaintenanceMode);
-  useCurrentUser(props.currentUser ?? null);
+AdminCatchAllPage.getLayout = createAdminPageLayout({
+  title: () => 'Not Found',
+});
 
-  if (props.isAccessDeniedForNonAdminUser) {
-    return <ForbiddenPage />;
-  }
+export const getServerSideProps = getServerSideAdminCommonProps;
 
-  return (
-    <AdminLayout>
-      <AdminNotFoundPage />
-    </AdminLayout>
-  );
-};
-
-export const getServerSideProps: GetServerSideProps = async(context: GetServerSidePropsContext) => {
-  const props = await retrieveServerSideProps(context);
-  return props;
-};
-
-
-export default AdminAppPage;
+export default AdminCatchAllPage;