feat: implemented storage management

fix: Enabled fallback secrets
feat: Made header stats actually work
feat: Made steam deck keyboard auto open for some inputs
fix: Made keybaord also work with shortcuts (no tooltips yet)

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

@@ -7,6 +7,9 @@ import { Router } from '..';
 import { useEffect, useState } from 'react';
 import { rommApi } from '../scripts/clientApi';
 import { useQuery } from '@tanstack/react-query';
+import { GamePadButtonCode, useShortcutContext, useShortcuts } from '../scripts/shortcuts';
+import { useFocusable } from '@noriginmedia/norigin-spatial-navigation';
+import Shortcuts from '../components/Shortcuts';
 
 export const Route = createFileRoute('/launcher/$source/$id')({
   component: RouteComponent,
@@ -20,13 +23,11 @@ function RouteComponent ()
   }
 
   const { source, id } = Route.useParams();
+  const { ref, focusKey } = useFocusable({ focusKey: `launching-${source}-${id}` });
   const { data } = useQuery({ queryKey: ['romm', 'game'], queryFn: () => rommApi.api.romm.game({ source })({ id }).get() });
 
-  useEventListener("cancel", (e) =>
-  {
-    e.stopPropagation();
-    HandleGoBack();
-  });
+  useShortcuts(focusKey, () => [{ label: "Back", button: GamePadButtonCode.B, action: HandleGoBack }]);
+  const { shortcuts } = useShortcutContext();
 
   useEffect(() =>
   {
@@ -41,18 +42,27 @@ function RouteComponent ()
       }
     };
 
-    es.addEventListener('refresh', HandleGoBack);
+    es.addEventListener('refresh', () =>
+    {
+      HandleGoBack();
+    });
 
-    es.onerror = HandleGoBack;
+    es.onerror = () =>
+    {
+      HandleGoBack();
+    };
 
     return () => es.close();
   }, []);
 
 
-  return <AnimatedBackground backgroundKey='game-details'>
+  return <AnimatedBackground ref={ref} backgroundKey='game-details'>
     <div className='flex shadow-2xs shadow-black flex-col absolute w-screen h-screen overflow-hidden justify-center items-center gap-4'>
       <DotsLoading />
       <h1 className='font-semibold'>Launching {data?.data?.name} ...</h1>
     </div>
+    <div className='absolute bot'>
+      <Shortcuts shortcuts={shortcuts} />
+    </div>
   </AnimatedBackground>;
 }