feat: wrap w ActionProvider

src/pages/RecordingPage.tsx

@@ -7,6 +7,7 @@ import { RightSidePanel } from "../components/organisms/RightSidePanel";
 import { Loader } from "../components/atoms/Loader";
 import { useSocketStore } from "../context/socket";
 import { useBrowserDimensionsStore } from "../context/browserDimensions";
+import { ActionProvider } from "../context/browserActions"
 import { useGlobalInfoStore } from "../context/globalInfo";
 import { editRecordingFromStorage } from "../api/storage";
 import { WhereWhatPair } from "@wbr-project/wbr-interpret";
@@ -104,6 +105,7 @@ export const RecordingPage = ({ recordingName }: RecordingPageProps) => {
   }, [socket, handleLoaded]);
 
   return (
+    <ActionProvider>
     <div>
       {isLoaded ?
         <Grid container direction="row" spacing={0}>
@@ -124,6 +126,7 @@ export const RecordingPage = ({ recordingName }: RecordingPageProps) => {
         </Grid>
         : <Loader />}
     </div>
+    </ActionProvider>
   );
 };