Separate Client Portal & Dashboard

frontend/dashboard/src/components/Page.tsx

@@ -0,0 +1,27 @@
+import { Helmet } from 'react-helmet-async';
+import { forwardRef, ReactNode } from 'react';
+// @mui
+import { Box, BoxProps } from '@mui/material';
+
+// ----------------------------------------------------------------------
+
+interface Props extends BoxProps {
+  children: ReactNode;
+  meta?: ReactNode;
+  title: string;
+}
+
+const Page = forwardRef<HTMLDivElement, Props>(({ children, title = '', meta, ...other }, ref) => (
+  <>
+    <Helmet>
+      <title>{`${title} | Minimal-UI`}</title>
+      {meta}
+    </Helmet>
+
+    <Box ref={ref} {...other}>
+      {children}
+    </Box>
+  </>
+));
+
+export default Page;