refactor to a high level audio handler

packages/web/pages/s/index.tsx

@@ -15,6 +15,7 @@ import { QueryRoutes, Routes } from "@nirvana/common/helpers/routes";
 import ViewConvo from "../../components/MainTabsOrPages/ViewConvo";
 import MainRecoilDataHandler from "../../recoil/MainRecoilDataHandler";
 import { useAuth } from "../../contexts/authContext";
+import AudioHandler from "../../components/Audio/AudioHandler";
 
 export default function Me() {
   // TODO: if not authenticated, take user away
@@ -129,6 +130,8 @@ Me.getLayout = function (content: ReactElement) {
 
       <KeyboardShortcutHandler />
 
+      <AudioHandler />
+
       <Header />
 
       {content}