ADD: page of registration

src/files/Register.jsx

@@ -1,5 +1,34 @@
-import React from "react";
+import { Button, Input, Stack } from "@chakra-ui/react";
+import React, { useState } from "react";
 
 export function Register() {
-  return <h1>Inscription</h1>;
+  const [isLoading, setIsLoading] = useState(false);
+
+  const handleSubmit = () => {
+    setIsLoading(true);
+    setTimeout(() => {
+      setIsLoading(false);
+    }, 2000);
+  };
+
+  return (
+    <>
+      <h1 style={{ color: "white", fontSize: "30px", textAlign: "center" }}>
+        Veuillez remplir ce formulaire d'Inscription
+      </h1>
+      <Stack spacing={4} align="center">
+        <Input placeholder="Email" size="md" />
+        <Input placeholder="Password" size="md" type="password" />
+        <Input placeholder="Confirm Password" size="md" type="password" />
+        <Button
+          isLoading={isLoading}
+          loadingText="Chargement"
+          variant="outline"
+          onClick={handleSubmit}
+        >
+          Soumettre
+        </Button>
+      </Stack>
+    </>
+  );
 }