refactor: remove media session

src/components/app/app.tsx

@@ -22,9 +22,6 @@ export function App() {
   const categories = useMemo(() => sounds.categories, []);
 
   const favorites = useSoundStore(useShallow(state => state.getFavorites()));
-  const play = useSoundStore(state => state.play);
-  const pause = useSoundStore(state => state.pause);
-  const isPlaying = useSoundStore(state => state.isPlaying);
 
   const favoriteSounds = useMemo(() => {
     const favoriteSounds = categories
@@ -56,28 +53,6 @@ export function App() {
     return () => document.removeEventListener('visibilitychange', onChange);
   }, []);
 
-  useEffect(() => {
-    try {
-      navigator.mediaSession.setActionHandler('play', play);
-      navigator.mediaSession.setActionHandler('pause', pause);
-      navigator.mediaSession.setActionHandler('stop', pause);
-    } catch (error) {
-      console.log('Media session is no supported yet');
-    }
-  }, [play, pause]);
-
-  useEffect(() => {
-    if (isPlaying) {
-      navigator.mediaSession.metadata = new MediaMetadata({
-        title: 'Moodist',
-      });
-
-      navigator.mediaSession.playbackState = 'playing';
-    } else {
-      navigator.mediaSession.playbackState = 'paused';
-    }
-  }, [isPlaying]);
-
   const allCategories = useMemo(() => {
     const favorites = [];
 
@@ -94,22 +69,18 @@ export function App() {
   }, [favoriteSounds, categories]);
 
   return (
-    <>
-      <SnackbarProvider>
-        <StoreConsumer>
-          <Container>
-            <div id="app" />
-            <Buttons />
-            <Categories categories={allCategories} />
-          </Container>
+    <SnackbarProvider>
+      <StoreConsumer>
+        <Container>
+          <div id="app" />
+          <Buttons />
+          <Categories categories={allCategories} />
+        </Container>
 
-          <ScrollToTop />
-          <Menu />
-          <SharedModal />
-        </StoreConsumer>
-      </SnackbarProvider>
-
-      <audio aria-hidden={true} src="" />
-    </>
+        <ScrollToTop />
+        <Menu />
+        <SharedModal />
+      </StoreConsumer>
+    </SnackbarProvider>
   );
 }