Add CameraSettings context and provider; integrate into AppProviders and VideoFeed

src/app/providers/AppProviders.tsx

@@ -1,8 +1,13 @@
 import { type PropsWithChildren } from "react";
 import { QueryProvider } from "./QueryProvider";
+import CameraSettingsProvider from "./CameraSettingsProvider";
 
 const AppProviders = ({ children }: PropsWithChildren) => {
-  return <QueryProvider>{children}</QueryProvider>;
+  return (
+    <QueryProvider>
+      <CameraSettingsProvider>{children}</CameraSettingsProvider>
+    </QueryProvider>
+  );
 };
 
 export default AppProviders;

src/app/providers/CameraSettingsProvider.tsx

@@ -0,0 +1,11 @@
+import { CameraSettingsContext } from "../context/CameraSettingsContext";
+import { useReducer, type ReactNode } from "react";
+import { initialState, cameraSettingsReducer } from "../reducers/cameraSettingsReducer";
+
+const CameraSettingsProvider = ({ children }: { children: ReactNode }) => {
+  const [state, dispatch] = useReducer(cameraSettingsReducer, initialState);
+
+  return <CameraSettingsContext.Provider value={{ state, dispatch }}>{children}</CameraSettingsContext.Provider>;
+};
+
+export default CameraSettingsProvider;