feat: exclude modal, various fixes

Co-authored-by: Alex Sparkes <alexsparkes@gmail.com>

src/components/modals/main/scss/marketplace/_main.scss

@@ -273,6 +273,7 @@
   flex-flow: column;
   text-align: center;
   align-items: center;
+  user-select: none;
 
   img {
     width: 200px;

src/components/modals/main/scss/settings/_main.scss

@@ -230,3 +230,7 @@ h4 {
     font-size: 15px;
   }
 }
+
+.customcss {
+  color: orange !important;
+}

src/components/modals/main/settings/sections/Advanced.jsx

@@ -102,7 +102,7 @@ export default class AdvancedSettings extends PureComponent {
             'modals.main.settings.sections.advanced.custom_css_subtitle',
           )}
         >
-          <Text name="customcss" textarea={true} category="other" />
+           <Text name="customcss" textarea={true} category="other" />
         </SettingsItem>
         <SettingsItem
           title={variables.getMessage('modals.main.settings.sections.experimental.title')}

src/components/modals/main/settings/sections/QuickLinks.jsx

@@ -231,7 +231,7 @@ export default class QuickLinks extends PureComponent {
           <Dropdown
             label={variables.getMessage('modals.main.settings.sections.quicklinks.style')}
             name="quickLinksStyle"
-            category="other"
+            category="quicklinks"
           >
             <option value="icon">
               {variables.getMessage('modals.main.settings.sections.quicklinks.options.icon')}

src/components/modals/main/settings/sections/overview_skeletons/QuickLinks.jsx

@@ -1,6 +1,6 @@
 import { memo } from 'react';
 import { FaDiscord, FaTwitter } from 'react-icons/fa';
-import { SiKofi, SiPatreon } from 'react-icons/si';
+import { SiGithubsponsors, SiOpencollective } from 'react-icons/si';
 
 function QuicklinksSkeleton() {
   return (
@@ -13,10 +13,10 @@ function QuicklinksSkeleton() {
           <FaTwitter />
         </div>
         <div>
-          <SiKofi />
+          <SiGithubsponsors />
         </div>
         <div>
-          <SiPatreon />
+          <SiOpencollective />
         </div>
       </div>
     </div>

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

@@ -137,6 +137,10 @@ function Tab({ label, currentTab, onClick, navbarTab }) {
       icon = <Collections />;
       break;
 
+    case variables.getMessage('modals.main.loading'):
+      mue = true;
+      break;
+
     default:
       break;
   }