perf: remove unneeded divs and replace with <>, remove outdated notes code

src/components/modals/main/tabs/Addons.jsx

@@ -4,9 +4,9 @@ import Added from '../marketplace/sections/Added';
 
 import AddonsTabs from './backend/Tabs';
 
-export default function Addons (props) {
+export default function Addons() {
   return (
-    <React.Fragment>
+    <>
       <AddonsTabs>
         <div label='Added'>
           <Added/>
@@ -15,6 +15,6 @@ export default function Addons (props) {
 
         </div>
       </AddonsTabs>
-    </React.Fragment>
+    </>
   );
 }

src/components/modals/main/tabs/Marketplace.jsx

@@ -3,9 +3,9 @@ import React from 'react';
 import MarketplaceBackend from '../marketplace/sections/Marketplace';
 import MarketplaceTabs from './backend/Tabs';
 
-export default function Marketplace (props) {
+export default function Marketplace() {
   return (
-    <React.Fragment>
+    <>
       <MarketplaceTabs>
         <div label='Photo Packs'>
           <MarketplaceBackend type='photo_packs'/>
@@ -14,6 +14,6 @@ export default function Marketplace (props) {
           <MarketplaceBackend type='quote_packs'/>
         </div>
       </MarketplaceTabs>
-    </React.Fragment>
+    </>
   );
 }

src/components/modals/main/tabs/Settings.jsx

@@ -14,11 +14,10 @@ import Order from '../settings/sections/Order';
 
 import SettingsTabs from './backend/Tabs';
 
-export default function Settings () {
+export default function Settings() {
   const language = window.language.modals.main.settings.sections;
-
   return (
-    <React.Fragment>
+    <>
       <SettingsTabs>
         <div label={language.time.title}><Time/></div>
         <div label={language.quote.title}><Quote/></div>
@@ -37,6 +36,6 @@ export default function Settings () {
         <h1>IMPORTANT INFO</h1>
         <p>In order for changes to take place, the page must be refreshed.</p>
       </div>
-    </React.Fragment>
+    </>
   );
 }

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

@@ -68,11 +68,11 @@ export default function Tab(props) {
   }
 
   return (
-    <React.Fragment>
+    <>
       <li className={className} onClick={() => props.onClick(props.label)}>
       {icon} <span>{props.label}</span>
       </li>
-      {(divider === true) ? <div><hr/></div> : null}
-    </React.Fragment>
+      {(divider === true) ? <hr/> : null}
+    </>
   )
 }