various fixes

- update scrollbar styling
- remove notification on player error

src/components/player/Player.tsx

@@ -7,7 +7,6 @@ import React, {
 } from 'react';
 import path from 'path';
 import settings from 'electron-settings';
-import { Notification } from 'rsuite';
 import ReactAudioPlayer from 'react-audio-player';
 import { Helmet } from 'react-helmet-async';
 import { useAppDispatch, useAppSelector } from '../../redux/hooks';
@@ -420,13 +419,6 @@ const Player = ({ currentEntryList, children }: any, ref: any) => {
     }
   };
 
-  const notification = (description: string) => {
-    Notification.error({
-      title: 'Playback Error',
-      description,
-    });
-  };
-
   const handleGaplessPlayer1 = () => {
     gaplessListenHandler(
       player1Ref,
@@ -479,7 +471,7 @@ const Player = ({ currentEntryList, children }: any, ref: any) => {
           playQueue.player1.index === playQueue.currentIndex &&
           playQueue.currentPlayer === 1
         }
-        onError={(e: any) => notification(e.message)}
+        onError={(e: any) => console.log(e.message)}
       />
       <ReactAudioPlayer
         ref={player2Ref}
@@ -505,7 +497,7 @@ const Player = ({ currentEntryList, children }: any, ref: any) => {
           playQueue.player2.index === playQueue.currentIndex &&
           playQueue.currentPlayer === 2
         }
-        onError={(e: any) => notification(e.message)}
+        onError={(e: any) => console.log(e.message)}
       />
       {children}
     </>

src/styles/App.global.css

@@ -62,11 +62,11 @@ body {
 }
 
 *::-webkit-scrollbar-track {
-  background: rgba(255, 255, 255, 0.1);
+  background: rgba(50, 50, 50, 0.6);
 }
 
 *::-webkit-scrollbar-thumb {
-  background-color: rgba(192, 196, 205, 0.5) !important;
+  background-color: rgba(220, 220, 220, 0.5) !important;
   border-radius: 20px;
 }