chore: improve lint, run prettier, alex added fade-in thing on navbar

src/components/modals/main/settings/ChipSelect.jsx

@@ -1,5 +1,4 @@
 import { useState, memo } from 'react';
-import { useTheme } from '@mui/material/styles';
 import Box from '@mui/material/Box';
 import OutlinedInput from '@mui/material/OutlinedInput';
 import InputLabel from '@mui/material/InputLabel';

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

@@ -349,14 +349,16 @@ export default class About extends PureComponent {
           <span className="title">
             {variables.getMessage('modals.main.settings.sections.about.photographers')}
           </span>
-          {!!this.state.loading ? <p>{this.state.loading}</p> : <></> }
+          {!!this.state.loading ? <p>{this.state.loading}</p> : <></>}
           <ul>
-            {this.state.photographers.map(({ name, count }) => <>
-              <li className="subtitle-photographers">
-                {name}
-                <span> ({count} images)</span>
-              </li>
-            </>)}
+            {this.state.photographers.map(({ name, count }) => (
+              <>
+                <li className="subtitle-photographers">
+                  {name}
+                  <span> ({count} images)</span>
+                </li>
+              </>
+            ))}
           </ul>
         </div>
       </>

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/Date.jsx

@@ -17,7 +17,11 @@ export default class DateSettings extends PureComponent {
   render() {
     const longSettings = (
       <>
-        <Dropdown label={variables.getMessage('modals.main.settings.sections.date.long_format')} name="longFormat" category="date">
+        <Dropdown
+          label={variables.getMessage('modals.main.settings.sections.date.long_format')}
+          name="longFormat"
+          category="date"
+        >
           <option value="DMY">DMY</option>
           <option value="MDY">MDY</option>
           <option value="YMD">YMD</option>

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

@@ -32,7 +32,9 @@ export default class LanguageSettings extends PureComponent {
 
     const quoteLanguages = data.map((language) => {
       return {
-        name: languages.find((l) => l.value === language.name) ? languages.find((l) => l.value === language.name).name : 'English',
+        name: languages.find((l) => l.value === language.name)
+          ? languages.find((l) => l.value === language.name).name
+          : 'English',
         value: language,
       };
     });
@@ -77,7 +79,9 @@ export default class LanguageSettings extends PureComponent {
         <div className="languageSettings">
           <Radio
             name="quoteLanguage"
-            options={this.state.quoteLanguages.map((language) => { return { name: language.name, value: language.value.name }; })}
+            options={this.state.quoteLanguages.map((language) => {
+              return { name: language.name, value: language.value.name };
+            })}
             defaultValue={this.state.quoteLanguages[0].name}
             category="quote"
           />

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

@@ -111,7 +111,7 @@ export default class SearchSettings extends PureComponent {
           subtitle={variables.getMessage(
             'modals.main.settings.sections.search.search_engine_subtitle',
           )}
-          final={ this.state.customDisplay === 'none' ? true : false}
+          final={this.state.customDisplay === 'none' ? true : false}
         >
           <Dropdown
             name="searchEngine"
@@ -129,7 +129,10 @@ export default class SearchSettings extends PureComponent {
           </Dropdown>
         </SettingsItem>
         <div style={{ display: this.state.customDisplay }}>
-          <SettingsItem title={variables.getMessage('modals.main.settings.sections.search.custom')} final={true}>
+          <SettingsItem
+            title={variables.getMessage('modals.main.settings.sections.search.custom')}
+            final={true}
+          >
             <TextField
               label={variables.getMessage('modals.main.settings.sections.search.custom')}
               value={this.state.customValue}

src/components/modals/main/settings/sections/background/Background.jsx

@@ -63,7 +63,7 @@ export default class BackgroundSettings extends PureComponent {
   }
 
   render() {
-    const interval = (
+    /* const interval = (
       <SettingsItem
         title={variables.getMessage('modals.main.settings.sections.background.interval.title')}
         subtitle={variables.getMessage(
@@ -101,7 +101,7 @@ export default class BackgroundSettings extends PureComponent {
           </option>
         </Dropdown>
       </SettingsItem>
-    );
+    );*/
 
     const APISettings = (
       <>