Linting, misc fixes

src/main/menu.ts

@@ -43,10 +43,10 @@ export default class MenuBuilder {
 
       Menu.buildFromTemplate([
         {
-          label: 'Inspect element',
           click: () => {
             this.mainWindow.webContents.inspectElement(x, y);
           },
+          label: 'Inspect element',
         },
       ]).popup({ window: this.mainWindow });
     });
@@ -64,38 +64,38 @@ export default class MenuBuilder {
         { label: 'Services', submenu: [] },
         { type: 'separator' },
         {
-          label: 'Hide ElectronReact',
           accelerator: 'Command+H',
+          label: 'Hide ElectronReact',
           selector: 'hide:',
         },
         {
-          label: 'Hide Others',
           accelerator: 'Command+Shift+H',
+          label: 'Hide Others',
           selector: 'hideOtherApplications:',
         },
         { label: 'Show All', selector: 'unhideAllApplications:' },
         { type: 'separator' },
         {
-          label: 'Quit',
           accelerator: 'Command+Q',
           click: () => {
             app.quit();
           },
+          label: 'Quit',
         },
       ],
     };
     const subMenuEdit: DarwinMenuItemConstructorOptions = {
       label: 'Edit',
       submenu: [
-        { label: 'Undo', accelerator: 'Command+Z', selector: 'undo:' },
-        { label: 'Redo', accelerator: 'Shift+Command+Z', selector: 'redo:' },
+        { accelerator: 'Command+Z', label: 'Undo', selector: 'undo:' },
+        { accelerator: 'Shift+Command+Z', label: 'Redo', selector: 'redo:' },
         { type: 'separator' },
-        { label: 'Cut', accelerator: 'Command+X', selector: 'cut:' },
-        { label: 'Copy', accelerator: 'Command+C', selector: 'copy:' },
-        { label: 'Paste', accelerator: 'Command+V', selector: 'paste:' },
+        { accelerator: 'Command+X', label: 'Cut', selector: 'cut:' },
+        { accelerator: 'Command+C', label: 'Copy', selector: 'copy:' },
+        { accelerator: 'Command+V', label: 'Paste', selector: 'paste:' },
         {
-          label: 'Select All',
           accelerator: 'Command+A',
+          label: 'Select All',
           selector: 'selectAll:',
         },
       ],
@@ -104,25 +104,25 @@ export default class MenuBuilder {
       label: 'View',
       submenu: [
         {
-          label: 'Reload',
           accelerator: 'Command+R',
           click: () => {
             this.mainWindow.webContents.reload();
           },
+          label: 'Reload',
         },
         {
-          label: 'Toggle Full Screen',
           accelerator: 'Ctrl+Command+F',
           click: () => {
             this.mainWindow.setFullScreen(!this.mainWindow.isFullScreen());
           },
+          label: 'Toggle Full Screen',
         },
         {
-          label: 'Toggle Developer Tools',
           accelerator: 'Alt+Command+I',
           click: () => {
             this.mainWindow.webContents.toggleDevTools();
           },
+          label: 'Toggle Developer Tools',
         },
       ],
     };
@@ -130,11 +130,11 @@ export default class MenuBuilder {
       label: 'View',
       submenu: [
         {
-          label: 'Toggle Full Screen',
           accelerator: 'Ctrl+Command+F',
           click: () => {
             this.mainWindow.setFullScreen(!this.mainWindow.isFullScreen());
           },
+          label: 'Toggle Full Screen',
         },
       ],
     };
@@ -142,11 +142,11 @@ export default class MenuBuilder {
       label: 'Window',
       submenu: [
         {
-          label: 'Minimize',
           accelerator: 'Command+M',
+          label: 'Minimize',
           selector: 'performMiniaturize:',
         },
-        { label: 'Close', accelerator: 'Command+W', selector: 'performClose:' },
+        { accelerator: 'Command+W', label: 'Close', selector: 'performClose:' },
         { type: 'separator' },
         { label: 'Bring All to Front', selector: 'arrangeInFront:' },
       ],
@@ -155,30 +155,30 @@ export default class MenuBuilder {
       label: 'Help',
       submenu: [
         {
-          label: 'Learn More',
           click() {
             shell.openExternal('https://electronjs.org');
           },
+          label: 'Learn More',
         },
         {
-          label: 'Documentation',
           click() {
             shell.openExternal(
               'https://github.com/electron/electron/tree/main/docs#readme'
             );
           },
+          label: 'Documentation',
         },
         {
-          label: 'Community Discussions',
           click() {
             shell.openExternal('https://www.electronjs.org/community');
           },
+          label: 'Community Discussions',
         },
         {
-          label: 'Search Issues',
           click() {
             shell.openExternal('https://github.com/electron/electron/issues');
           },
+          label: 'Search Issues',
         },
       ],
     };
@@ -198,15 +198,15 @@ export default class MenuBuilder {
         label: '&File',
         submenu: [
           {
-            label: '&Open',
             accelerator: 'Ctrl+O',
+            label: '&Open',
           },
           {
-            label: '&Close',
             accelerator: 'Ctrl+W',
             click: () => {
               this.mainWindow.close();
             },
+            label: '&Close',
           },
         ],
       },
@@ -217,38 +217,38 @@ export default class MenuBuilder {
           process.env.DEBUG_PROD === 'true'
             ? [
                 {
-                  label: '&Reload',
                   accelerator: 'Ctrl+R',
                   click: () => {
                     this.mainWindow.webContents.reload();
                   },
+                  label: '&Reload',
                 },
                 {
-                  label: 'Toggle &Full Screen',
                   accelerator: 'F11',
                   click: () => {
                     this.mainWindow.setFullScreen(
                       !this.mainWindow.isFullScreen()
                     );
                   },
+                  label: 'Toggle &Full Screen',
                 },
                 {
-                  label: 'Toggle &Developer Tools',
                   accelerator: 'Alt+Ctrl+I',
                   click: () => {
                     this.mainWindow.webContents.toggleDevTools();
                   },
+                  label: 'Toggle &Developer Tools',
                 },
               ]
             : [
                 {
-                  label: 'Toggle &Full Screen',
                   accelerator: 'F11',
                   click: () => {
                     this.mainWindow.setFullScreen(
                       !this.mainWindow.isFullScreen()
                     );
                   },
+                  label: 'Toggle &Full Screen',
                 },
               ],
       },
@@ -256,30 +256,30 @@ export default class MenuBuilder {
         label: 'Help',
         submenu: [
           {
-            label: 'Learn More',
             click() {
               shell.openExternal('https://electronjs.org');
             },
+            label: 'Learn More',
           },
           {
-            label: 'Documentation',
             click() {
               shell.openExternal(
                 'https://github.com/electron/electron/tree/main/docs#readme'
               );
             },
+            label: 'Documentation',
           },
           {
-            label: 'Community Discussions',
             click() {
               shell.openExternal('https://www.electronjs.org/community');
             },
+            label: 'Community Discussions',
           },
           {
-            label: 'Search Issues',
             click() {
               shell.openExternal('https://github.com/electron/electron/issues');
             },
+            label: 'Search Issues',
           },
         ],
       },

src/main/preload.ts

@@ -1,5 +1,5 @@
 import { contextBridge, ipcRenderer, IpcRendererEvent } from 'electron';
-import { PlayerData } from 'renderer/store';
+import { PlayerData } from '../renderer/store';
 
 contextBridge.exposeInMainWorld('electron', {
   ipcRenderer: {

src/renderer/features/player/components/LeftControls.tsx

@@ -1,4 +1,3 @@
-import { LazyLoadImage as Image } from 'react-lazy-load-image-component';
 import styled from 'styled-components';
 import { Text } from '../../../components';
 import { usePlayerStore } from '../../../store';
@@ -35,7 +34,7 @@ export const LeftControls = () => {
   return (
     <LeftControlsContainer>
       <ImageWrapper>
-        <Image height={60} src={song?.image} width={60} />
+        <img alt="img" height={60} src={song?.image} width={60} />
       </ImageWrapper>
       <MetadataStack>
         <Text