- Implement CameraFeed context and provider with reducer for state management

- able to switch footage on tab clicks

src/app/providers/AppProviders.tsx

@@ -1,11 +1,14 @@
 import type { PropsWithChildren } from "react";
 import { QueryProvider } from "./QueryProviders";
 import { WebSocketProvider } from "./WebSocketProvider";
+import { CameraFeedProvider } from "./CameraFeedProvider";
 
 export const AppProviders = ({ children }: PropsWithChildren) => {
   return (
     <QueryProvider>
-      <WebSocketProvider>{children}</WebSocketProvider>
+      <CameraFeedProvider>
+        <WebSocketProvider>{children}</WebSocketProvider>
+      </CameraFeedProvider>
     </QueryProvider>
   );
 };