Migrate to Mantine v8 and Design Changes (#961)

* mantine v8 migration

* various design changes and improvements

src/renderer/store/player.store.ts

@@ -2,10 +2,10 @@ import map from 'lodash/map';
 import merge from 'lodash/merge';
 import shuffle from 'lodash/shuffle';
 import { nanoid } from 'nanoid/non-secure';
-import { create } from 'zustand';
 import { devtools, persist, subscribeWithSelector } from 'zustand/middleware';
 import { immer } from 'zustand/middleware/immer';
 import { shallow } from 'zustand/shallow';
+import { createWithEqualityFn } from 'zustand/traditional';
 
 import { PlayerData, QueueData, QueueSong } from '/@/shared/types/domain-types';
 import { Play, PlayerRepeat, PlayerShuffle, PlayerStatus } from '/@/shared/types/types';
@@ -79,7 +79,7 @@ export interface PlayerState {
     volume: number;
 }
 
-export const usePlayerStore = create<PlayerSlice>()(
+export const usePlayerStore = createWithEqualityFn<PlayerSlice>()(
     subscribeWithSelector(
         persist(
             devtools(