File clean up. Refactor header.

client/src/pages/manage-root/manage-root.page.container.jsx

@@ -1,8 +1,11 @@
-import React from 'react'
-import ManageRootPageComponent from './manage-root.page.component'
-
+import React, { useEffect } from "react";
+import ManageRootPageComponent from "./manage-root.page.component";
+import { useTranslation } from "react-i18next";
 export default function ManageRootPageContainer() {
-    return (
-    <ManageRootPageComponent />
-    )
+  const { t } = useTranslation();
+  useEffect(() => {
+    document.title = t("titles.manageroot");
+  }, [t]);
+
+  return <ManageRootPageComponent />;
 }

client/src/pages/manage/manage.page.jsx

@@ -9,7 +9,6 @@ import HeaderContainer from "../../components/header/header.container";
 import LoadingSpinner from "../../components/loading-spinner/loading-spinner.component";
 import "./manage.page.styles.scss";
 
-
 const ManageRootPage = lazy(() =>
   import("../manage-root/manage-root.page.container")
 );