fix(web): unauthorized errors (#320)

- fix(ErrorPage): add padding to the page for mobile devices

- chore(react-query): wrap APIClient calls in anonymous functions to avoid passing react-query context variables by accident

- fix incorrect ordering of ErrorBoundary and QueryClientProvider (ErrorBoundary is now the parent)

web/src/App.tsx

@@ -32,17 +32,17 @@ export function App() {
   const settings = SettingsContext.useValue();
 
   return (
-    <QueryClientProvider client={queryClient}>
-      <Toaster position="top-right" />
-      <ErrorBoundary
-        onReset={reset}
-        fallbackRender={ErrorPage}
-      >
+    <ErrorBoundary
+      onReset={reset}
+      fallbackRender={ErrorPage}
+    >
+      <QueryClientProvider client={queryClient}>
+        <Toaster position="top-right" />
         <LocalRouter isLoggedIn={authContext.isLoggedIn} />
         {settings.debug ? (
           <ReactQueryDevtools initialIsOpen={false} />
         ) : null}
-      </ErrorBoundary>
-    </QueryClientProvider>
+      </QueryClientProvider>
+    </ErrorBoundary>
   );
 }