Apply react-router v7 flags

apps/web/src/main.tsx

@@ -30,7 +30,12 @@ ReactDOM.createRoot(document.getElementById("root")!).render(
         <PersistGate loading={<div>loading</div>} persistor={persistor}>
           <ErrorBoundary fallback={<ErrorPage />} onError={logError}>
             <ReactQueryProvider>
-              <BrowserRouter>
+              <BrowserRouter
+                future={{
+                  v7_relativeSplatPath: true,
+                  v7_startTransition: true,
+                }}
+              >
                 <DynamicDisclosureProvider>
                   <App />
                 </DynamicDisclosureProvider>

apps/web/src/testUtils.tsx

@@ -79,7 +79,12 @@ const makeWrapper =
     });
 
     return (
-      <BrowserRouter>
+      <BrowserRouter
+        future={{
+          v7_relativeSplatPath: true,
+          v7_startTransition: true,
+        }}
+      >
         <QueryClientProvider client={new QueryClient()}>
           <Provider store={store}>
             <DynamicModalContext.Provider value={dynamicModal}>