feat: implemented haptics

feat: Implemented a select menu
fix: Only used audio clips compile

src/mainview/routes/launcher.$source.$id.tsx

@@ -3,11 +3,14 @@ import { createFileRoute, useBlocker, useRouter } from '@tanstack/react-router';
 import DotsLoading from '../components/backgrounds/dots';
 import { GamePadButtonCode, useShortcutContext, useShortcuts } from '../scripts/shortcuts';
 import { useFocusable } from '@noriginmedia/norigin-spatial-navigation';
-import Shortcuts from '../components/Shortcuts';
+import Shortcuts, { FloatingShortcuts } from '../components/Shortcuts';
 import { useJobStatus } from '../scripts/utils';
 
 export const Route = createFileRoute('/launcher/$source/$id')({
   component: RouteComponent,
+  staticData: {
+    enterSound: 'launch'
+  },
 });
 
 function RouteComponent ()
@@ -28,7 +31,6 @@ function RouteComponent ()
   const { ref, focusKey } = useFocusable({ focusKey: `launching-${source}-${id}` });
 
   useShortcuts(focusKey, () => [{ label: "Back", button: GamePadButtonCode.B, action: HandleGoBack }]);
-  const { shortcuts } = useShortcutContext();
 
   const { data } = useJobStatus('launch-game', {
     onEnded (data)
@@ -48,8 +50,6 @@ function RouteComponent ()
       <DotsLoading />
       <h1 className='font-semibold'>Launching {data?.name} ...</h1>
     </div>
-    <div className='absolute bot'>
-      <Shortcuts shortcuts={shortcuts} />
-    </div>
+    <FloatingShortcuts />
   </AnimatedBackground>;
 }