fix: move providers inside ErrorBoundary to prevent crash loop (#4783)

* fix: move providers inside ErrorBoundary to prevent crash loop (#4776)

Move ExploreStateProvider, DataDictionaryStateProvider, and
FileManifestStateProvider inside the ErrorBoundary in _app.tsx.

Previously these providers sat above the ErrorBoundary. When a provider
crashed (e.g. ExploreStateProvider's reducer throwing on a malformed
filter URL param), the error bypassed the ErrorBoundary entirely and
bubbled up to Next.js's built-in error handling, which attempted to
recover by re-rendering the page — triggering the same crash in an
infinite loop.

With the providers inside the ErrorBoundary, any error from their
reducers, hooks, or child components is caught and rendered as the
Error fallback page. The header and footer remain visible (they are
intentionally outside the boundary) so the user can still navigate away.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

* fix: revert unintended package.json/lock changes (#4776)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

---------

Co-authored-by: Fran McDade <18710366+frano-m@users.noreply.github.com>
Co-authored-by: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: frano-m

pages/_app.tsx

@@ -95,33 +95,33 @@ function MyApp({ Component, pageProps }: AppPropsWithComponent): JSX.Element {
                       >
                         <Header {...header} />
                       </ThemeProvider>
-                      <ExploreStateProvider entityListType={entityListType}>
-                        <DataDictionaryStateProvider>
-                          <Main>
-                            <ErrorBoundary
-                              fallbackRender={({
-                                error,
-                                reset,
-                              }: {
-                                error: DataExplorerError;
-                                reset: () => void;
-                              }): JSX.Element => (
-                                <Error
-                                  errorMessage={error.message}
-                                  requestUrlMessage={error.requestUrlMessage}
-                                  rootPath={redirectRootToPath}
-                                  onReset={reset}
-                                />
-                              )}
-                            >
+                      <Main>
+                        <ErrorBoundary
+                          fallbackRender={({
+                            error,
+                            reset,
+                          }: {
+                            error: DataExplorerError;
+                            reset: () => void;
+                          }): JSX.Element => (
+                            <Error
+                              errorMessage={error.message}
+                              requestUrlMessage={error.requestUrlMessage}
+                              rootPath={redirectRootToPath}
+                              onReset={reset}
+                            />
+                          )}
+                        >
+                          <ExploreStateProvider entityListType={entityListType}>
+                            <DataDictionaryStateProvider>
                               <FileManifestStateProvider>
                                 <Component {...pageProps} />
                                 <Floating {...floating} />
                               </FileManifestStateProvider>
-                            </ErrorBoundary>
-                          </Main>
-                        </DataDictionaryStateProvider>
-                      </ExploreStateProvider>
+                            </DataDictionaryStateProvider>
+                          </ExploreStateProvider>
+                        </ErrorBoundary>
+                      </Main>
                       <Footer {...footer} />
                     </AppLayout>
                   </LayoutDimensionsProvider>