refactor(frontend): adopt React 19 <Context> provider shorthand

frontend/src/components/ScenarioManagementModal.test.tsx

@@ -66,7 +66,7 @@ function renderModal(ctx: ScenarioContextType) {
   })
   const wrapper = ({ children }: { children: ReactNode }) => (
     <QueryClientProvider client={qc}>
-      <ScenarioContext.Provider value={ctx}>{children}</ScenarioContext.Provider>
+      <ScenarioContext value={ctx}>{children}</ScenarioContext>
       <Toaster />
     </QueryClientProvider>
   )

frontend/src/components/admin/PopulateFromPreviousYear.test.tsx

@@ -55,7 +55,7 @@ function createWrapper(year = 2026) {
 
   return ({ children }: { children: React.ReactNode }) => (
     <QueryClientProvider client={queryClient}>
-      <CurrentYearContext.Provider value={mockYearContext}>{children}</CurrentYearContext.Provider>
+      <CurrentYearContext value={mockYearContext}>{children}</CurrentYearContext>
     </QueryClientProvider>
   )
 }

frontend/src/components/admin/RegistrationDatesConfig.test.tsx

@@ -48,7 +48,7 @@ const createWrapper = (year = 2026) => {
 
   return ({ children }: { children: React.ReactNode }) => (
     <QueryClientProvider client={queryClient}>
-      <CurrentYearContext.Provider value={mockYearContext}>{children}</CurrentYearContext.Provider>
+      <CurrentYearContext value={mockYearContext}>{children}</CurrentYearContext>
     </QueryClientProvider>
   )
 }

frontend/src/components/metrics/MetricsTypeTabs.test.tsx

@@ -47,11 +47,11 @@ const renderWithRouter = (initialPath: string) => {
   return render(
     <QueryClientProvider client={queryClient}>
       <MemoryRouter initialEntries={[initialPath]}>
-        <CurrentYearContext.Provider value={mockYearContext}>
+        <CurrentYearContext value={mockYearContext}>
           <MetricsSessionProvider>
             <MetricsTypeTabs />
           </MetricsSessionProvider>
-        </CurrentYearContext.Provider>
+        </CurrentYearContext>
       </MemoryRouter>
     </QueryClientProvider>
   )

frontend/src/contexts/AuthContext.tsx

@@ -231,7 +231,7 @@ export const AuthProvider = ({ children }: { children: ReactNode }) => {
     checkAuth,
   }
 
-  return <AuthContext.Provider value={value}>{children}</AuthContext.Provider>
+  return <AuthContext value={value}>{children}</AuthContext>
 }
 
 // eslint-disable-next-line react-refresh/only-export-components

frontend/src/contexts/CurrentYearContext.tsx

@@ -114,7 +114,7 @@ export function CurrentYearProvider({ children }: { children: ReactNode }) {
   )
 
   return (
-    <CurrentYearContext.Provider
+    <CurrentYearContext
       value={{
         currentYear,
         setCurrentYear,
@@ -124,6 +124,6 @@ export function CurrentYearProvider({ children }: { children: ReactNode }) {
       }}
     >
       {children}
-    </CurrentYearContext.Provider>
+    </CurrentYearContext>
   )
 }

frontend/src/contexts/LockGroupContext.tsx

@@ -405,7 +405,7 @@ export function LockGroupProvider({ children }: LockGroupProviderProps) {
   }
 
   return (
-    <LockGroupContext.Provider value={value}>
+    <LockGroupContext value={value}>
       {children}
       <GroupConflictDialog
         isOpen={conflictConfirm.dialogState.isOpen}
@@ -415,7 +415,7 @@ export function LockGroupProvider({ children }: LockGroupProviderProps) {
         onConfirm={conflictConfirm.dialogState.onConfirm}
         onCancel={conflictConfirm.dialogState.onCancel}
       />
-    </LockGroupContext.Provider>
+    </LockGroupContext>
   )
 }
 

frontend/src/contexts/MetricsSessionContext.test.tsx

@@ -124,9 +124,9 @@ function createWrapper(initialPath: string = '/analytics/registration') {
     return (
       <QueryClientProvider client={queryClient}>
         <MemoryRouter initialEntries={[initialPath]}>
-          <CurrentYearContext.Provider value={mockYearContext}>
+          <CurrentYearContext value={mockYearContext}>
             <MetricsSessionProvider>{children}</MetricsSessionProvider>
-          </CurrentYearContext.Provider>
+          </CurrentYearContext>
         </MemoryRouter>
       </QueryClientProvider>
     )
@@ -308,13 +308,13 @@ describe('MetricsSessionContext', () => {
       render(
         <QueryClientProvider client={queryClient}>
           <MemoryRouter initialEntries={['/analytics/registration?year=2025']}>
-            <CurrentYearContext.Provider value={mockYearContext}>
+            <CurrentYearContext value={mockYearContext}>
               <MetricsSessionProvider>
                 <TestSetter sessionCmId={1001} />
                 <YearParamViewer />
                 <UrlParamViewer />
               </MetricsSessionProvider>
-            </CurrentYearContext.Provider>
+            </CurrentYearContext>
           </MemoryRouter>
         </QueryClientProvider>
       )

frontend/src/contexts/MetricsSessionContext.tsx

@@ -286,5 +286,5 @@ export function MetricsSessionProvider({ children }: { children: ReactNode }) {
     ]
   )
 
-  return <MetricsSessionContext.Provider value={value}>{children}</MetricsSessionContext.Provider>
+  return <MetricsSessionContext value={value}>{children}</MetricsSessionContext>
 }

frontend/src/contexts/ProgramContext.tsx

@@ -39,9 +39,7 @@ export function ProgramProvider({ children }: { children: ReactNode }) {
   }, [])
 
   return (
-    <ProgramContext.Provider value={{ currentProgram, setProgram, clearProgram }}>
-      {children}
-    </ProgramContext.Provider>
+    <ProgramContext value={{ currentProgram, setProgram, clearProgram }}>{children}</ProgramContext>
   )
 }
 

frontend/src/contexts/ScenarioContext.tsx

@@ -243,5 +243,5 @@ export const ScenarioProvider: FC<ScenarioProviderProps> = ({ children }) => {
     clearScenario,
   }
 
-  return <ScenarioContext.Provider value={value}>{children}</ScenarioContext.Provider>
+  return <ScenarioContext value={value}>{children}</ScenarioContext>
 }

frontend/src/contexts/ThemeContext.tsx

@@ -115,7 +115,7 @@ export function ThemeProvider({ children }: { children: ReactNode }) {
   }, [])
 
   return (
-    <ThemeContext.Provider
+    <ThemeContext
       value={{
         theme,
         resolvedTheme,
@@ -125,6 +125,6 @@ export function ThemeProvider({ children }: { children: ReactNode }) {
       }}
     >
       {children}
-    </ThemeContext.Provider>
+    </ThemeContext>
   )
 }

frontend/src/hooks/useRunSweep.test.tsx

@@ -17,9 +17,9 @@ const wrapper = ({ children }: { children: ReactNode }) => {
   const qc = new QueryClient({ defaultOptions: { queries: { retry: false } } })
   const authCtx = createMockAuthContext({ user: createMockUser() })
   return (
-    <AuthContext.Provider value={authCtx}>
+    <AuthContext value={authCtx}>
       <QueryClientProvider client={qc}>{children}</QueryClientProvider>
-    </AuthContext.Provider>
+    </AuthContext>
   )
 }
 

frontend/src/pages/metrics/MetricsLayout.test.tsx

@@ -57,7 +57,7 @@ const renderWithRouter = (initialPath: string, childText = 'Child Content') => {
       { value: authCtx },
       <QueryClientProvider client={queryClient}>
         <MemoryRouter initialEntries={[initialPath]}>
-          <CurrentYearContext.Provider value={mockYearContext}>
+          <CurrentYearContext value={mockYearContext}>
             <Routes>
               <Route path="/analytics/*" element={<MetricsLayout />}>
                 <Route path="registration/*" element={<TestChild text={childText} />} />
@@ -67,7 +67,7 @@ const renderWithRouter = (initialPath: string, childText = 'Child Content') => {
                 <Route path="trends" element={<TestChild text="Trends" />} />
               </Route>
             </Routes>
-          </CurrentYearContext.Provider>
+          </CurrentYearContext>
         </MemoryRouter>
       </QueryClientProvider>
     )

frontend/src/pages/metrics/retention/BunkRetentionPage.test.tsx

@@ -48,11 +48,11 @@ function renderPage() {
   return render(
     <QueryClientProvider client={queryClient}>
       <MemoryRouter initialEntries={['/analytics/retention/bunks']}>
-        <CurrentYearContext.Provider value={mockYearContext}>
+        <CurrentYearContext value={mockYearContext}>
           <Routes>
             <Route path="/analytics/retention/bunks" element={<BunkRetentionPage />} />
           </Routes>
-        </CurrentYearContext.Provider>
+        </CurrentYearContext>
       </MemoryRouter>
     </QueryClientProvider>
   )

frontend/src/pages/metrics/retention/StaffCabinAnalysisPage.test.tsx

@@ -47,11 +47,11 @@ function renderPage() {
   return render(
     <QueryClientProvider client={queryClient}>
       <MemoryRouter initialEntries={['/analytics/retention/staff']}>
-        <CurrentYearContext.Provider value={mockYearContext}>
+        <CurrentYearContext value={mockYearContext}>
           <Routes>
             <Route path="/analytics/retention/staff" element={<StaffCabinAnalysisPage />} />
           </Routes>
-        </CurrentYearContext.Provider>
+        </CurrentYearContext>
       </MemoryRouter>
     </QueryClientProvider>
   )

frontend/src/providers/BunkRequestProvider.tsx

@@ -123,5 +123,5 @@ export function BunkRequestProvider({ sessionCmId, children }: BunkRequestProvid
     ]
   )
 
-  return <BunkRequestContext.Provider value={value}>{children}</BunkRequestContext.Provider>
+  return <BunkRequestContext value={value}>{children}</BunkRequestContext>
 }

frontend/src/providers/CamperHistoryProvider.tsx

@@ -148,5 +148,5 @@ export function CamperHistoryProvider({
     error: error,
   }
 
-  return <CamperHistoryContext.Provider value={value}>{children}</CamperHistoryContext.Provider>
+  return <CamperHistoryContext value={value}>{children}</CamperHistoryContext>
 }