perf: major widget refactoring

src/components/modals/main/Main.jsx

@@ -30,7 +30,6 @@ const renderLoader = (current) => (
 );
 
 export default function MainModal({ modalClose }) {
-  const display = localStorage.getItem('showReminder') === 'true' ? 'flex' : 'none';
   const [currentTab, setCurrentTab] = useState(0);
 
   const changeTab = (type) => {

src/components/modals/main/marketplace/sections/Added.jsx

@@ -1,5 +1,5 @@
 import variables from 'modules/variables';
-import { PureComponent, createRef } from 'react';
+import { PureComponent } from 'react';
 import { MdUpdate, MdOutlineExtensionOff, MdCode } from 'react-icons/md';
 import { toast } from 'react-toastify';
 import Modal from 'react-modal';

src/components/modals/main/tabs/backend/Tabs.jsx

@@ -26,8 +26,10 @@ export default class Tabs extends PureComponent {
   };
 
   render() {
+    const display = localStorage.getItem('showReminder') === 'true' ? 'flex' : 'none';
+
     const reminderInfo = (
-      <div className="reminder-info" style={{ display: 'none' }}>
+      <div className="reminder-info" style={{ display }}>
         <span className="title">{variables.getMessage('modals.main.settings.reminder.title')}</span>
         <span className="subtitle">
           {variables.getMessage('modals.main.settings.reminder.message')}