fixed errors in branding and invite page, added an error route for better react error display

resources/js/admin/router.tsx

@@ -8,6 +8,7 @@ import {
   ADMIN_LOGIN_START_PATH,
   ADMIN_PUBLIC_LANDING_PATH,
 } from './constants';
+import RouteErrorElement from '@/components/RouteErrorElement';
 const LoginPage = React.lazy(() => import('./pages/LoginPage'));
 const DashboardPage = React.lazy(() => import('./pages/DashboardPage'));
 const EventsPage = React.lazy(() => import('./pages/EventsPage'));
@@ -86,6 +87,7 @@ export const router = createBrowserRouter([
   {
     path: ADMIN_BASE_PATH,
     element: <Outlet />,
+    errorElement: <RouteErrorElement />,
     children: [
       { index: true, element: <LandingGate /> },
       { path: 'login', element: <LoginPage /> },
@@ -124,5 +126,6 @@ export const router = createBrowserRouter([
   {
     path: '*',
     element: <Navigate to={ADMIN_PUBLIC_LANDING_PATH} replace />,
+    errorElement: <RouteErrorElement />,
   },
 ]);