Manage Profile Pages

client/src/pages/profile/profile.container.page.jsx

@@ -0,0 +1,6 @@
+import React from "react";
+import ProfilePage from "./profile.page";
+
+export default function ProfileContainerPage() {
+  return <ProfilePage />;
+}

client/src/pages/profile/profile.page.jsx

@@ -0,0 +1,27 @@
+import React, { useEffect, useState } from "react";
+import { useTranslation } from "react-i18next";
+import { Layout, Menu, Icon } from "antd";
+import ProfileSideBar from "../../components/profile-sidebar/profile-sidebar.component";
+import ProfileContent from "../../components/profile-content/profile-content.component";
+
+export default function ProfilePage() {
+  const { t } = useTranslation();
+
+  useEffect(() => {
+    document.title = t("titles.profile");
+  }, [t]);
+
+  const [sidebarSelection, setSidebarSelection] = useState({ key: "profile" });
+  return (
+    <Layout>
+      <ProfileSideBar
+        sidebarSelection={sidebarSelection}
+        setSidebarSelection={setSidebarSelection}
+      />
+
+      <Layout.Content>
+        <ProfileContent sidebarSelection={sidebarSelection} />
+      </Layout.Content>
+    </Layout>
+  );
+}