Fix all ESLint errors: case declarations, empty blocks, display names, keys, and more

src/features/misc/sections/About.jsx

@@ -68,7 +68,7 @@ class About extends PureComponent {
           })
         ).json()
       ).data;
-    } catch (e) {
+    } catch {
       if (this.controller.signal.aborted === true) {
         return;
       }
@@ -323,7 +323,9 @@ class About extends PureComponent {
             {this.state.sponsors.map(({ handle, avatar }) => {
               if (handle === 'empty') {
                 return (
-                  <p>{variables.getMessage('modals.main.settings.sections.about.no_supporters')}</p>
+                  <p key="empty">
+                    {variables.getMessage('modals.main.settings.sections.about.no_supporters')}
+                  </p>
                 );
               }
 

src/features/misc/sections/Overview.jsx

@@ -175,7 +175,7 @@ const Overview = () => {
                   return null;
                 }
                 return (
-                  <div className="previewItem" key={`item-${value}`} index={index}>
+                  <div className="previewItem" key={`item-${value}`}>
                     {getTab(value)}
                   </div>
                 );

src/features/misc/sections/overview_skeletons/Quote.jsx

@@ -4,7 +4,7 @@ import { MdPerson } from 'react-icons/md';
 function QuoteSkeleton() {
   return (
     <div className="quoteSkeleton">
-      <span className="subtitle">"Never gonna give you up"</span>
+      <span className="subtitle">&ldquo;Never gonna give you up&rdquo;</span>
       <div className="skeletonAuthor">
         <div>
           <MdPerson />