fix: background photo packs, declutter

src/components/Elements/MainModal/backend/Tab.jsx

@@ -71,18 +71,6 @@ function Tab({ label, currentTab, onClick, navbarTab }) {
   }
 
   const icon = iconMapping[label];
-  const divider = [
-    variables.getMessage('settings:sections.weather.title'),
-    variables.getMessage('settings:sections.language.title'),
-    variables.getMessage('marketplace:all'),
-    variables.getMessage('settings:sections.experimental.title'),
-  ].includes(label);
-
-  const mue = [
-    variables.getMessage('marketplace:product.overview'),
-    variables.getMessage('addons:added'),
-    variables.getMessage('marketplace:all'),
-  ].includes(label);
 
   if (
     label === variables.getMessage('settings:sections.experimental.title') &&
@@ -92,13 +80,9 @@ function Tab({ label, currentTab, onClick, navbarTab }) {
   }
 
   return (
-    <>
-      {/*{mue && <span className="mainTitle">Mue</span>}*/}
-      <button className={className} onClick={() => onClick(label)}>
-        {icon} <span>{label}</span>
-      </button>
-      {/*{divider && <hr />}*/}
-    </>
+    <button className={className} onClick={() => onClick(label)}>
+      {icon} <span>{label}</span>
+    </button>
   );
 }
 

src/components/Layout/Settings/Header/Header.jsx

@@ -4,19 +4,15 @@ import {
   MdFlag,
   MdOutlineVisibilityOff,
   MdOutlineVisibility,
-  MdOutlineKeyboardArrowRight,
 } from 'react-icons/md';
 import EventBus from 'utils/eventbus';
 import { Button } from 'components/Elements';
-import { useTab } from 'components/Elements/MainModal/backend/TabContext';
 
 export const CustomActions = ({ children }) => {
   return children;
 };
 
 function Header(props) {
-  const { setSubSection, subSection } = useTab();
-
   const [setting, setSetting] = useState(localStorage.getItem(props.setting) === 'true');
 
   useEffect(() => {
@@ -69,19 +65,6 @@ function Header(props) {
 
   return (
     <div className="modalHeader">
-      <span className="mainTitle">
-        {/*}
-        {props.secondaryTitle && (
-          <>
-            <span className="backTitle" onClick={() => setSubSection('')}>
-              {props.title}
-            </span>
-            <MdOutlineKeyboardArrowRight />
-          </>
-        )}
-        {props.secondaryTitle || props.title}
-        */}
-      </span>
       <div className="headerActions">
         {props.visibilityToggle && <VisibilityToggle />}
         {props.report !== false && <ReportButton />}