move remote hook to global scope (#1752)

src/renderer/features/player/components/audio-players.tsx

@@ -23,6 +23,7 @@ import {
     RadioMetadataHook,
     useIsRadioActive,
 } from '/@/renderer/features/radio/hooks/use-radio-player';
+import { RemoteHook } from '/@/renderer/features/remote/hooks/use-remote';
 import {
     updateQueueFavorites,
     updateQueueRatings,
@@ -57,6 +58,7 @@ export const AudioPlayers = () => {
             <MainPlayerListenerHook />
             <MediaSessionHook />
             <PlaybackHotkeysHook />
+            <RemoteHook />
             <AutoDJHook />
             <QueueRestoreTimestampHook />
             <UpdateCurrentSongHook />

src/renderer/features/player/components/playerbar-slider.tsx

@@ -4,7 +4,6 @@ import { lazy, Suspense } from 'react';
 import { PlayerbarSeekSlider } from './playerbar-seek-slider';
 import styles from './playerbar-slider.module.css';
 
-import { useRemote } from '/@/renderer/features/remote/hooks/use-remote';
 import {
     useAppStore,
     useAppStoreActions,
@@ -37,8 +36,6 @@ export const PlayerbarSlider = () => {
     const showTimeRemaining = useAppStore((state) => state.showTimeRemaining);
     const { setShowTimeRemaining } = useAppStoreActions();
 
-    useRemote();
-
     const isWaveform = playerbarSlider?.type === PlayerbarSliderType.WAVEFORM;
 
     return (

src/renderer/features/remote/hooks/use-remote.tsx

@@ -294,3 +294,8 @@ export const useRemote = () => {
         [],
     );
 };
+
+export const RemoteHook = () => {
+    useRemote();
+    return null;
+};