refactor: codacy and some style changes etc

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

@@ -25,7 +25,7 @@ export default class Dropdown extends PureComponent {
     window.stats.postEvent('setting', `${this.props.name} from ${this.state.value} to ${value}`);
 
     this.setState({
-      value: value,
+      value,
       title: e.target[e.target.selectedIndex].text
     });
   

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

@@ -28,7 +28,7 @@ export default class Radio extends PureComponent {
     localStorage.setItem(this.props.name, value);
   
     this.setState({
-      value: value
+      value
     });
 
     window.stats.postEvent('setting', `${this.props.name} from ${this.state.value} to ${value}`);

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

@@ -36,7 +36,7 @@ export default class Slider extends PureComponent {
   
     localStorage.setItem(this.props.name, value);
     this.setState({
-      value: value,
+      value,
       numberWidth: ((value.length + 1) * this.widthCalculation)
     });
 

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

@@ -22,7 +22,7 @@ export default class Text extends PureComponent {
 
     localStorage.setItem(this.props.name, value);
     this.setState({
-      value: value
+      value
     });
 
     if (this.props.element) {

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

@@ -47,17 +47,17 @@ export default class About extends PureComponent {
 
     const newVersion = versionData[0].tag_name;
 
-    let updateMsg = this.language.version.no_update;
+    let update = this.language.version.no_update;
     if (Number(window.constants.VERSION.replaceAll('.', '')) < Number(newVersion.replaceAll('.', ''))) {
-      updateMsg = `${this.language.version.update_available}: ${newVersion}`;
+      update = `${this.language.version.update_available}: ${newVersion}`;
     }
 
     this.setState({
       // exclude bots
       contributors: contributors.filter((contributor) => !contributor.login.includes('bot')),
-      sponsors: sponsors,
-      update: updateMsg,
-      other_contributors: other_contributors,
+      sponsors,
+      update,
+      other_contributors,
       photographers: photographers.sort().join(', '), 
       loading: null
     });

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

@@ -32,7 +32,7 @@ export default class Changelog extends PureComponent {
 
     this.setState({
       title: data.title,
-      date: date,
+      date,
       image: data.featured_image || null,
       author: 'By ' + data.authors.join(', '),
       html: data.html

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

@@ -35,13 +35,13 @@ export default function Settings() {
         <div label={sections.order.title} name='order'><Order/></div>
         <div label={sections.language.title} name='language'><Language/></div>
         <div label={sections.advanced.title} name='advanced'><Advanced/></div>
-        <div label='Keybinds' name='keybinds'><Keybinds/></div>
+        <div label={sections.keybinds.title} name='keybinds'><Keybinds/></div>
         <div label={sections.stats.title} name='stats'><Stats/></div>
         <div label={sections.experimental.title} name='experimental'><Experimental/></div>
         <div label={sections.changelog} name='changelog'><Changelog/></div>
         <div label={sections.about.title} name='about'><About/></div>
       </Tabs>
-      <div className='reminder-info' style={{ display: display }}>
+      <div className='reminder-info' style={{ display }}>
         <h1>{reminder.title}</h1>
         <p>{reminder.message}</p>
         <button className='pinNote' onClick={() => window.location.reload()}>{window.language.modals.main.error_boundary.refresh}</button>

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

@@ -42,12 +42,10 @@ function Tab(props) {
 
   let icon, divider;
   switch (props.label) {
-    // Navbar
     case navbar.settings: icon = <Settings/>; break;
     case navbar.addons: icon = <Addons/>; break;
     case navbar.marketplace: icon = <Marketplace/>; break;
 
-    // Settings
     case settings.time.title: icon = <Time/>; break;
     case settings.greeting.title: icon = <Greeting/>; break;
     case settings.quote.title: icon = <Quote/>; break;
@@ -59,18 +57,16 @@ function Tab(props) {
     case settings.order.title: icon = <Order/>; break;
     case settings.language.title: icon = <Language/>; divider = true; break;
     case settings.advanced.title: icon = <Advanced/>; break;
-    case 'Keybinds': icon = <Keybinds/>; break;
+    case settings.keybinds.title: icon = <Keybinds/>; break;
     case settings.stats.title: icon = <Stats/>; break;
     case settings.experimental.title: icon = <Experimental/>; divider = true; break;
     case settings.changelog: icon = <Changelog/>; break;
     case settings.about.title: icon = <About/>; break;
 
-    // Addons
     case addons.added: icon = <Added/>; break;
     case addons.sideload: icon = <Sideload/>; break;
     case addons.create.title: icon = <Create/>; break;
 
-    // Marketplace
     case marketplace.photo_packs: icon = <Background/>; break;
     case marketplace.quote_packs: icon = <Quote/>; break;
     case marketplace.preset_settings: icon = <Advanced/>; break;