wip: implement ws base

src/main/webapp/src/App.jsx

@@ -1,4 +1,4 @@
-import {useEffect, useRef} from 'react'
+import {lazy, Suspense, useEffect, useRef} from 'react'
 import {Nav} from "./components/Nav.jsx";
 import {createBrowserRouter, Outlet, RouterProvider, useLocation, useRouteError} from "react-router-dom";
 import {Home} from "./pages/Homepage.jsx";
@@ -59,6 +59,11 @@ const router = createBrowserRouter([
                 element: <ResultRoot/>,
                 children: getResultChildren()
             },
+            {
+                path: 'competition-manager/*',
+                element: <GetCompetitionMangerLazy/>,
+                //children: getCompetitionManagerChildren()
+            },
             {
                 path: 'me',
                 element: <MePage/>
@@ -71,6 +76,17 @@ const router = createBrowserRouter([
     }
 ])
 
+function GetCompetitionMangerLazy() {
+    const CMLazy = lazy(() => import('./pages/competition/editor/CompetitionManagerRoot.jsx'))
+    return <Suspense
+        fallback={<div>
+            <h1>Compétition manager</h1>
+            <p>Chargement...</p>
+        </div>}>
+        <CMLazy/>
+    </Suspense>
+}
+
 function PageError() {
     const error = useRouteError()
     return <div style={{textAlign: 'center'}}>