feat: create navigation pages and update routesConfig

src/app/main/navigationPages/profile/Profile.js

@@ -0,0 +1,41 @@
+import { styled } from '@mui/material/styles';
+import { useTranslation } from 'react-i18next';
+import FusePageSimple from '@fuse/core/FusePageSimple';
+import DemoContent from '@fuse/core/DemoContent';
+
+const Root = styled(FusePageSimple)(({ theme }) => ({
+  '& .FusePageSimple-header': {
+    backgroundColor: theme.palette.background.paper,
+    borderBottomWidth: 1,
+    borderStyle: 'solid',
+    borderColor: theme.palette.divider,
+  },
+  '& .FusePageSimple-toolbar': {},
+  '& .FusePageSimple-content': {},
+  '& .FusePageSimple-sidebarHeader': {},
+  '& .FusePageSimple-sidebarContent': {},
+}));
+
+function ProfilePage(props) {
+  const { t } = useTranslation('profilePage');
+
+  return (
+    <Root
+      header={
+        <div className="p-24">
+          <h4>{t('TITLE')}</h4>
+        </div>
+      }
+      content={
+        <div className="p-24">
+          <h4>Content</h4>
+          <br />
+          <DemoContent />
+        </div>
+      }
+      scroll="content"
+    />
+  );
+}
+
+export default ProfilePage;