move layout to html.file

src/client/js/components/Me/PersonalSettings.jsx

@@ -44,17 +44,7 @@ const PersonalSettings = (props) => {
 
   return (
     <>
-      <header className="py-3">
-        <div className="container-fluid">
-          <h1 className="title">{ t('User Settings') }</h1>
-        </div>
-      </header>
-      <div id="grw-fav-sticky-trigger" className="sticky-top"></div>
-      <div id="main" className="main">
-        <div id="content-main" className="content-main container-lg">
-          <CustomNavigation navTabMapping={navTabMapping} tabContentClasses={['px-0']} />
-        </div>
-      </div>
+      <CustomNavigation navTabMapping={navTabMapping} tabContentClasses={['px-0']} />
     </>
   );
 

src/server/views/me/index.html

@@ -3,5 +3,21 @@
 {% block html_title %}{{ customizeService.generateCustomTitleForFixedPageName(t('User Settings')) }}{% endblock %}
 
 {% block layout_main %}
-  <div id="personal-setting"></div>
+
+
+{% block content_header_wrapper %}
+<header class="py-3">
+  <div class="container-fluid">
+    <h1 class="title">{{ t('User Settings') }}</h1>
+  </div>
+</header>
+<div id="grw-fav-sticky-trigger" class="sticky-top"></div>
 {% endblock %}
+
+<div id="main" class="main">
+  <div id="content-main" class="content-main container-lg">
+    <div id="personal-setting"></div>
+  </div>
+</div>
+{% endblock %}
+