add container-fluied and remove duplicated content-main class

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

@@ -49,10 +49,15 @@ class PersonalSettings extends React.Component {
     return (
       <>
         <header className="py-3">
-          <h1 className="title">{ t('User Settings') }</h1>
+          <div className="container-fluid">
+            <h1 className="title">{ t('User Settings') }</h1>
+          </div>
         </header>
-        <div id="grw-fav-sticky-trigger" className="sticky-top"></div>
-        <CustomNavigation navTabMapping={navTabMapping} tabContentClasses={['px-0']} />
+        <div id="main" className="main">
+          <div id="content-main" className="content-main container-lg">
+            <CustomNavigation navTabMapping={navTabMapping} tabContentClasses={['px-0']} />
+          </div>
+        </div>
       </>
     );
   }

src/server/views/me/index.html

@@ -3,13 +3,5 @@
 {% block html_title %}{{ customizeService.generateCustomTitleForFixedPageName(t('User Settings')) }}{% endblock %}
 
 {% block layout_main %}
-
-{% block content_header_wrapper %}
-{% endblock %}
-
-<div id="main" class="main">
-  <div id="content-main" class="content-main container-lg">
-    <div class="content-main" id="personal-setting"></div>
-  </div>
-</div>
+  <div id="personal-setting"></div>
 {% endblock %}