Add router to SpeziProvider

routes/~__root.tsx

@@ -8,17 +8,22 @@
 
 import { Toaster } from '@stanfordspezi/spezi-web-design-system/components/Toaster'
 import { SpeziProvider } from '@stanfordspezi/spezi-web-design-system/SpeziProvider'
-import { createRootRoute, Outlet, redirect } from '@tanstack/react-router'
+import { createRootRoute, Link, Outlet, redirect } from '@tanstack/react-router'
+import { type ComponentProps } from 'react'
 import { Helmet } from 'react-helmet'
 import { auth } from '@/modules/firebase/app'
 import { AuthProvider } from '@/modules/firebase/AuthProvider'
 import { ReactQueryClientProvider } from '@/modules/query/ReactQueryClientProvider'
 import { routes } from '@/modules/routes'
 import '../modules/globals.css'
 
+const routerProps: ComponentProps<typeof SpeziProvider>['router'] = {
+  Link: ({ href, ...props }) => <Link to={href} {...props} />,
+}
+
 const Root = () => (
   <AuthProvider>
-    <SpeziProvider>
+    <SpeziProvider router={routerProps}>
       <ReactQueryClientProvider>
         <Helmet defaultTitle="ENGAGE-HF" titleTemplate="%s - ENGAGE-HF" />
         <Outlet />