Sarting auth implementation in front

gui/rpk-gui/src/pages/auth/Login.tsx

@@ -0,0 +1,14 @@
+
+export const Login = () => {
+  async function handleLogin(e: any) {
+    e.preventDefault()
+  }
+
+  return (
+    <form onSubmit={ handleLogin }>
+      <input type={ "text" } name={ "email" } />
+      <input type={ "password" } name={ "password" } />
+      <input type={ "submit" } />
+    </form>
+  )
+}

gui/rpk-gui/src/pages/auth/ProtectedRoute.tsx

@@ -0,0 +1,16 @@
+import {Navigate, Outlet} from "react-router";
+
+type AuthUser = { id: string; name: string };
+
+type ProtectedRouteProps = {
+  user: AuthUser | null;
+  redirectPath?: string;
+};
+
+export const ProtectedRoute = ({ user, redirectPath = "/" }: ProtectedRouteProps) => {
+  if (!user) {
+    return <Navigate to={redirectPath} replace />;
+  }
+
+  return <Outlet />;
+};

gui/rpk-gui/src/pages/auth/Register.tsx

@@ -0,0 +1,15 @@
+
+export const Register = () => {
+  async function handleRegister(e: any) {
+    e.preventDefault()
+  }
+
+  return (
+    <form onSubmit={ handleRegister }>
+      <input type={ "text" } name={ "email" } />
+      <input type={ "password" } name={ "password" }/>
+      <input type={ "password" } name={ "confirm_password" }/>
+      <input type={ "submit" } />
+    </form>
+  )
+}

gui/rpk-gui/src/pages/entities/List.tsx

@@ -0,0 +1,7 @@
+
+
+export const EntityList = () => {
+  return (
+    <h1>List des entity: Yoyoyo</h1>
+  )
+}