various improvements, edit tournament, etc

src/components/DefaultCatchBoundary.tsx

@@ -4,11 +4,12 @@ import {
   useMatch,
   useRouter,
   useNavigate,
+  redirect,
 } from '@tanstack/react-router'
 import type { ErrorComponentProps } from '@tanstack/react-router'
 import { 
   Box, 
-  Button, 
+  Button as MantineButton,
   Text, 
   Title, 
   Stack, 
@@ -23,6 +24,7 @@ import { useEffect } from 'react'
 import toast from '@/lib/sonner'
 import { logger } from '@/lib/logger'
 import { ExclamationMarkIcon, XCircleIcon } from '@phosphor-icons/react'
+import Button from './button'
 
 export function DefaultCatchBoundary({ error }: ErrorComponentProps) {
   const router = useRouter()
@@ -41,8 +43,8 @@ export function DefaultCatchBoundary({ error }: ErrorComponentProps) {
 
     if (errorMessage.toLowerCase().includes('unauthenticated')) {
       toast.error('You\'ve been logged out')
-      navigate({ to: '/login' })
-      return
+      router.history.push('/login')
+      throw redirect({ to: '/login' })
     }
   }, [error, errorMessage, navigate])
 
@@ -73,13 +75,13 @@ export function DefaultCatchBoundary({ error }: ErrorComponentProps) {
             >
               Go Back
             </Button>
-            <Button
+            <MantineButton
               component={Link}
               to="/"
               variant="filled"
             >
               Home
-            </Button>
+            </MantineButton>
           </Group>
         </Stack>
       </Box>
@@ -137,13 +139,13 @@ export function DefaultCatchBoundary({ error }: ErrorComponentProps) {
             Try Again
           </Button>
           {isRoot ? (
-            <Button
+            <MantineButton
               component={Link}
               to="/"
               variant="filled"
             >
               Home
-            </Button>
+            </MantineButton>
           ) : (
             <Button
               variant="filled"