From a2929025a1155c7d5102903542f5695eede99aed Mon Sep 17 00:00:00 2001
From: T'JAMPENS QUENTIN p2406187 <pyramond69@gmail.com>
Date: Tue, 3 Feb 2026 14:24:23 +0100
Subject: [PATCH 01/14] Able to validate user

---
 .../pendingMembers/PendingMembers.jsx         | 131 ++++++------------
 1 file changed, 44 insertions(+), 87 deletions(-)

diff --git a/src/pages/Admin/components/pendingMembers/PendingMembers.jsx b/src/pages/Admin/components/pendingMembers/PendingMembers.jsx
index bb1e1ac..0a964cd 100644
--- a/src/pages/Admin/components/pendingMembers/PendingMembers.jsx
+++ b/src/pages/Admin/components/pendingMembers/PendingMembers.jsx
@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from "react";
+import React, {useState, useEffect} from "react";
 import Button from "../../../../components/ui/button/button.jsx";
 import styles from "./PendingMembers.module.css";
 
@@ -8,104 +8,61 @@ import validateUser from "../../../../utils/users/validateUser.js";
 import deleteOtherUser from "../../../../utils/users/deleteOtherUser.js";
 
 function PendingMembers() {
-  const [pendingMembers, setPendingMembers] = useState([]);
-  const [loading, setLoading] = useState(true);
-  const [actionLoading, setActionLoading] = useState(null);
-  const [error, setError] = useState(null);
 
-  useEffect(() => {
-    const fetchPendingMembers = async () => {
-      setLoading(true);
-      const result = await getUserToValidate();
-      const userIds = result.data
-      if (userIds && userIds.length > 0) {
-        const users = await Promise.all(userIds.map((id) => getUserById(id)));
-        setPendingMembers(users.filter(Boolean));
-      } else {
-        setPendingMembers([]);
-      }
-      setLoading(false);
-    };
-    fetchPendingMembers();
-  }, []);
+    const [pendingMembers, setPendingMembers] = useState([]);
 
-  const removeMember = (id) => {
-    setPendingMembers(prevMembers =>
-      prevMembers.filter(member => member.id !== id)
-    );
-  };
+    const fetchUsers = async () => {
 
-const handleValidate = async (id) => {
-  setActionLoading(id);
-  setError(null);
-  try {
-    const result = await validateUser(id);
-    if (result === true) { 
-      removeMember(id);
-    } else {
-      setError("Échec de la validation.");
+        const result = await getUserToValidate();
+        const userIds = result.data;
+
+        if (userIds && userIds.length > 0) {
+            const users = await Promise.all(userIds.map(id => getUserById(id)));
+            const usersData = users.map(u => u.data);
+            setPendingMembers(usersData);
+        }
     }
-  } catch (err) {
-    setError("Erreur lors de la validation.");
-  } finally {
-    setActionLoading(null);
-  }
-};
 
-const handleReject = async (id) => {
-  setActionLoading(id);
-  setError(null);
-  try {
-    const result = await deleteUser(id);
-    if (result.status >= 200 && result.status < 300) {
-      removeMember(id);
-    } else {
-      setError(result.errors || "Échec de la suppression.");
+    useEffect(() => {
+        fetchUsers();
+    }, []);
+
+    const handleValidate = async (id) => {
+        const result = await validateUser(id);
+        console.log(result);
+        fetchUsers();
     }
-  } catch (err) {
-    setError("Erreur lors de la suppression.");
-  } finally {
-    setActionLoading(null);
-  }
-};
 
+    const handleRefuse = (id) => {
 
-  if (loading) {
-    return <div>Chargement des membres en attente...</div>;
-  }
+    }
 
-  return (
-    <div className={`${styles.rightBlock} glassCard`}>
-      <h2>Membres en attente de validation</h2>
-      {error && <p style={{ color: "red" }}>{error}</p>}
+    return (
+        <div className={`${styles.rightBlock} glassCard`}>
+            <h2>Membres en attente de validation</h2>
 
-      <div className={styles.membersContainer}>
-        {pendingMembers.length === 0 && <p>Aucun membre en attente</p>}
+            <div className={styles.membersContainer}>
+
+                {pendingMembers.length === 0 && <p>Aucun membre en attente</p>}
+
+                {pendingMembers.map((member, index) => (
+
+                    <div key={index} className={`glassCard ${styles.memberCard}`}>
+
+                        <p>{member.name} {member.lastname}</p>
+
+                        <div className={styles.buttonGroup}>
+                            <Button variant="primary" onClick={() => handleValidate(member.id)}>Valider</Button>
+                            <Button variant="danger" onClick={() => handleRefuse(member.id)}>Refuser</Button>
+                        </div>
+
+                    </div>
+
+                ))}
 
-        {pendingMembers.map((member) => (
-          <div key={member.id} className={`glassCard ${styles.memberCard}`}>
-            <p>{member.name} {member.lastname}</p>
-            <div className={styles.buttonGroup}>
-              <Button
-                onClick={() => handleValidate(member.id)}
-                variant="primary"
-                disabled={actionLoading === member.id}
-              >
-                {actionLoading === member.id ? "En cours..." : "Valider"}
-              </Button>
-              <Button
-                onClick={() => handleReject(member.id)}
-                variant="danger"
-                disabled={actionLoading === member.id}
-              >
-                {actionLoading === member.id ? "En cours..." : "Refuser"}
-              </Button>
             </div>
-          </div>
-        ))}
-      </div>
-    </div>
-  );
+        </div>
+    );
 }
 
 export default PendingMembers;

From bda8331ed17ebd5c0ca66ba135ed89288dc37bd1 Mon Sep 17 00:00:00 2001
From: T'JAMPENS QUENTIN p2406187 <pyramond69@gmail.com>
Date: Tue, 3 Feb 2026 14:24:31 +0100
Subject: [PATCH 02/14] Typescript install

---
 pnpm-lock.yaml | 274 ++++++++++++++++++++++++++-----------------------
 1 file changed, 147 insertions(+), 127 deletions(-)

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 8af6edc..f4a4b85 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -10,16 +10,16 @@ importers:
     dependencies:
       '@emotion/react':
         specifier: ^11.14.0
-        version: 11.14.0(@types/react@19.2.2)(react@19.2.0)
+        version: 11.14.0(@types/react@19.2.10)(react@19.2.0)
       '@emotion/styled':
         specifier: ^11.14.1
-        version: 11.14.1(@emotion/react@11.14.0(@types/react@19.2.2)(react@19.2.0))(@types/react@19.2.2)(react@19.2.0)
+        version: 11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.0))(@types/react@19.2.10)(react@19.2.0)
       '@floating-ui/react':
         specifier: ^0.27.16
         version: 0.27.16(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
       '@mui/material':
         specifier: ^7.3.6
-        version: 7.3.7(@emotion/react@11.14.0(@types/react@19.2.2)(react@19.2.0))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.2)(react@19.2.0))(@types/react@19.2.2)(react@19.2.0))(@types/react@19.2.2)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+        version: 7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.0))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.0))(@types/react@19.2.10)(react@19.2.0))(@types/react@19.2.10)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
       bootstrap:
         specifier: ^5.3.8
         version: 5.3.8(@popperjs/core@2.11.8)
@@ -37,7 +37,7 @@ importers:
         version: 19.2.0
       react-bootstrap:
         specifier: ^2.10.10
-        version: 2.10.10(@types/react@19.2.2)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+        version: 2.10.10(@types/react@19.2.10)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
       react-chartjs-2:
         specifier: ^5.3.1
         version: 5.3.1(chart.js@4.5.1)(react@19.2.0)
@@ -53,37 +53,40 @@ importers:
     devDependencies:
       '@chromatic-com/storybook':
         specifier: ^4.1.2
-        version: 4.1.2(storybook@10.0.6(@testing-library/dom@10.4.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(vite@7.1.9))
+        version: 4.1.2(storybook@10.0.6(@testing-library/dom@10.4.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(vite@7.1.9(@types/node@25.1.0)))
       '@eslint/js':
         specifier: ^9.36.0
         version: 9.37.0
       '@storybook/addon-a11y':
         specifier: ^10.0.6
-        version: 10.0.6(storybook@10.0.6(@testing-library/dom@10.4.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(vite@7.1.9))
+        version: 10.0.6(storybook@10.0.6(@testing-library/dom@10.4.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(vite@7.1.9(@types/node@25.1.0)))
       '@storybook/addon-docs':
         specifier: ^10.0.6
-        version: 10.0.6(@types/react@19.2.2)(esbuild@0.25.10)(rollup@4.52.4)(storybook@10.0.6(@testing-library/dom@10.4.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(vite@7.1.9))(vite@7.1.9)
+        version: 10.0.6(@types/react@19.2.10)(esbuild@0.25.10)(rollup@4.52.4)(storybook@10.0.6(@testing-library/dom@10.4.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(vite@7.1.9(@types/node@25.1.0)))(vite@7.1.9(@types/node@25.1.0))
       '@storybook/addon-vitest':
         specifier: ^10.0.6
-        version: 10.0.6(@vitest/browser-playwright@4.0.8)(@vitest/browser@4.0.8(vite@7.1.9)(vitest@4.0.8))(@vitest/runner@4.0.8)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(storybook@10.0.6(@testing-library/dom@10.4.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(vite@7.1.9))(vitest@4.0.8)
+        version: 10.0.6(@vitest/browser-playwright@4.0.8)(@vitest/browser@4.0.8(vite@7.1.9(@types/node@25.1.0))(vitest@4.0.8))(@vitest/runner@4.0.8)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(storybook@10.0.6(@testing-library/dom@10.4.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(vite@7.1.9(@types/node@25.1.0)))(vitest@4.0.8)
       '@storybook/react-vite':
         specifier: ^10.0.6
-        version: 10.0.6(esbuild@0.25.10)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(rollup@4.52.4)(storybook@10.0.6(@testing-library/dom@10.4.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(vite@7.1.9))(typescript@5.9.3)(vite@7.1.9)
+        version: 10.0.6(esbuild@0.25.10)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(rollup@4.52.4)(storybook@10.0.6(@testing-library/dom@10.4.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(vite@7.1.9(@types/node@25.1.0)))(typescript@5.9.3)(vite@7.1.9(@types/node@25.1.0))
+      '@types/node':
+        specifier: ^25.0.10
+        version: 25.1.0
       '@types/react':
-        specifier: ^19.1.16
-        version: 19.2.2
+        specifier: ^19.2.10
+        version: 19.2.10
       '@types/react-dom':
-        specifier: ^19.1.9
-        version: 19.2.1(@types/react@19.2.2)
+        specifier: ^19.2.3
+        version: 19.2.3(@types/react@19.2.10)
       '@vitejs/plugin-react':
         specifier: ^5.0.4
-        version: 5.0.4(vite@7.1.9)
+        version: 5.0.4(vite@7.1.9(@types/node@25.1.0))
       '@vitest/browser-playwright':
         specifier: ^4.0.8
-        version: 4.0.8(playwright@1.56.1)(vite@7.1.9)(vitest@4.0.8)
+        version: 4.0.8(playwright@1.56.1)(vite@7.1.9(@types/node@25.1.0))(vitest@4.0.8)
       '@vitest/coverage-v8':
         specifier: ^4.0.8
-        version: 4.0.8(@vitest/browser@4.0.8(vite@7.1.9)(vitest@4.0.8))(vitest@4.0.8)
+        version: 4.0.8(@vitest/browser@4.0.8(vite@7.1.9(@types/node@25.1.0))(vitest@4.0.8))(vitest@4.0.8)
       baseline-browser-mapping:
         specifier: ^2.9.7
         version: 2.9.14
@@ -98,7 +101,7 @@ importers:
         version: 0.4.23(eslint@9.37.0)
       eslint-plugin-storybook:
         specifier: ^10.0.6
-        version: 10.0.6(eslint@9.37.0)(storybook@10.0.6(@testing-library/dom@10.4.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(vite@7.1.9))(typescript@5.9.3)
+        version: 10.0.6(eslint@9.37.0)(storybook@10.0.6(@testing-library/dom@10.4.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(vite@7.1.9(@types/node@25.1.0)))(typescript@5.9.3)
       globals:
         specifier: ^16.4.0
         version: 16.4.0
@@ -110,13 +113,16 @@ importers:
         version: 15.8.1
       storybook:
         specifier: ^10.0.6
-        version: 10.0.6(@testing-library/dom@10.4.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(vite@7.1.9)
+        version: 10.0.6(@testing-library/dom@10.4.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(vite@7.1.9(@types/node@25.1.0))
+      typescript:
+        specifier: ^5.9.3
+        version: 5.9.3
       vite:
         specifier: ^7.1.7
-        version: 7.1.9
+        version: 7.1.9(@types/node@25.1.0)
       vitest:
         specifier: ^4.0.8
-        version: 4.0.8(@vitest/browser-playwright@4.0.8)
+        version: 4.0.8(@types/node@25.1.0)(@vitest/browser-playwright@4.0.8)
 
 packages:
 
@@ -949,14 +955,17 @@ packages:
   '@types/mdx@2.0.13':
     resolution: {integrity: sha512-+OWZQfAYyio6YkJb3HLxDrvnx6SWWDbC0zVPfBRzUk0/nqoDyf6dNxQi3eArPe8rJ473nobTMQ/8Zk+LxJ+Yuw==}
 
+  '@types/node@25.1.0':
+    resolution: {integrity: sha512-t7frlewr6+cbx+9Ohpl0NOTKXZNV9xHRmNOvql47BFJKcEG1CxtxlPEEe+gR9uhVWM4DwhnvTF110mIL4yP9RA==}
+
   '@types/parse-json@4.0.2':
     resolution: {integrity: sha512-dISoDXWWQwUquiKsyZ4Ng+HX2KsPL7LyHKHQwgGFEA3IaKac4Obd+h2a/a6waisAoepJlBcx9paWqjA8/HVjCw==}
 
   '@types/prop-types@15.7.15':
     resolution: {integrity: sha512-F6bEyamV9jKGAFBEmlQnesRPGOQqS2+Uwi0Em15xenOxHaf2hv6L8YCVn3rPdPJOiJfPiCnLIRyvwVaqMY3MIw==}
 
-  '@types/react-dom@19.2.1':
-    resolution: {integrity: sha512-/EEvYBdT3BflCWvTMO7YkYBHVE9Ci6XdqZciZANQgKpaiDRGOLIlRo91jbTNRQjgPFWVaRxcYc0luVNFitz57A==}
+  '@types/react-dom@19.2.3':
+    resolution: {integrity: sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ==}
     peerDependencies:
       '@types/react': ^19.2.0
 
@@ -965,8 +974,8 @@ packages:
     peerDependencies:
       '@types/react': '*'
 
-  '@types/react@19.2.2':
-    resolution: {integrity: sha512-6mDvHUFSjyT2B2yeNx2nUgMxh9LtOWvkhIU3uePn2I2oyNymUAX1NIsdgviM4CH+JSrp2D2hsMvJOkxY+0wNRA==}
+  '@types/react@19.2.10':
+    resolution: {integrity: sha512-WPigyYuGhgZ/cTPRXB2EwUw+XvsRA3GqHlsP4qteqrnnjDrApbS7MxcGr/hke5iUoeB7E/gQtrs9I37zAJ0Vjw==}
 
   '@types/resolve@1.20.6':
     resolution: {integrity: sha512-A4STmOXPhMUtHH+S6ymgE2GiBSMqf4oTvcQZMcHzokuTLVYzXTB8ttjcgxOVaAp2lGwEdzZ0J+cRbbeevQj1UQ==}
@@ -2135,6 +2144,9 @@ packages:
     peerDependencies:
       react: '>=16.14.0'
 
+  undici-types@7.16.0:
+    resolution: {integrity: sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw==}
+
   universalify@2.0.1:
     resolution: {integrity: sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==}
     engines: {node: '>= 10.0.0'}
@@ -2412,13 +2424,13 @@ snapshots:
 
   '@bcoe/v8-coverage@1.0.2': {}
 
-  '@chromatic-com/storybook@4.1.2(storybook@10.0.6(@testing-library/dom@10.4.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(vite@7.1.9))':
+  '@chromatic-com/storybook@4.1.2(storybook@10.0.6(@testing-library/dom@10.4.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(vite@7.1.9(@types/node@25.1.0)))':
     dependencies:
       '@neoconfetti/react': 1.0.0
       chromatic: 12.2.0
       filesize: 10.1.6
       jsonfile: 6.2.0
-      storybook: 10.0.6(@testing-library/dom@10.4.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(vite@7.1.9)
+      storybook: 10.0.6(@testing-library/dom@10.4.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(vite@7.1.9(@types/node@25.1.0))
       strip-ansi: 7.1.2
     transitivePeerDependencies:
       - '@chromatic-com/cypress'
@@ -2456,7 +2468,7 @@ snapshots:
 
   '@emotion/memoize@0.9.0': {}
 
-  '@emotion/react@11.14.0(@types/react@19.2.2)(react@19.2.0)':
+  '@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.0)':
     dependencies:
       '@babel/runtime': 7.28.4
       '@emotion/babel-plugin': 11.13.5
@@ -2468,7 +2480,7 @@ snapshots:
       hoist-non-react-statics: 3.3.2
       react: 19.2.0
     optionalDependencies:
-      '@types/react': 19.2.2
+      '@types/react': 19.2.10
     transitivePeerDependencies:
       - supports-color
 
@@ -2482,18 +2494,18 @@ snapshots:
 
   '@emotion/sheet@1.4.0': {}
 
-  '@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.2)(react@19.2.0))(@types/react@19.2.2)(react@19.2.0)':
+  '@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.0))(@types/react@19.2.10)(react@19.2.0)':
     dependencies:
       '@babel/runtime': 7.28.4
       '@emotion/babel-plugin': 11.13.5
       '@emotion/is-prop-valid': 1.4.0
-      '@emotion/react': 11.14.0(@types/react@19.2.2)(react@19.2.0)
+      '@emotion/react': 11.14.0(@types/react@19.2.10)(react@19.2.0)
       '@emotion/serialize': 1.3.3
       '@emotion/use-insertion-effect-with-fallbacks': 1.2.0(react@19.2.0)
       '@emotion/utils': 1.4.2
       react: 19.2.0
     optionalDependencies:
-      '@types/react': 19.2.2
+      '@types/react': 19.2.10
     transitivePeerDependencies:
       - supports-color
 
@@ -2676,12 +2688,12 @@ snapshots:
       wrap-ansi: 8.1.0
       wrap-ansi-cjs: wrap-ansi@7.0.0
 
-  '@joshwooding/vite-plugin-react-docgen-typescript@0.6.1(typescript@5.9.3)(vite@7.1.9)':
+  '@joshwooding/vite-plugin-react-docgen-typescript@0.6.1(typescript@5.9.3)(vite@7.1.9(@types/node@25.1.0))':
     dependencies:
       glob: 10.4.5
       magic-string: 0.30.21
       react-docgen-typescript: 2.4.0(typescript@5.9.3)
-      vite: 7.1.9
+      vite: 7.1.9(@types/node@25.1.0)
     optionalDependencies:
       typescript: 5.9.3
 
@@ -2706,23 +2718,23 @@ snapshots:
 
   '@kurkle/color@0.3.4': {}
 
-  '@mdx-js/react@3.1.1(@types/react@19.2.2)(react@19.2.0)':
+  '@mdx-js/react@3.1.1(@types/react@19.2.10)(react@19.2.0)':
     dependencies:
       '@types/mdx': 2.0.13
-      '@types/react': 19.2.2
+      '@types/react': 19.2.10
       react: 19.2.0
 
   '@mui/core-downloads-tracker@7.3.7': {}
 
-  '@mui/material@7.3.7(@emotion/react@11.14.0(@types/react@19.2.2)(react@19.2.0))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.2)(react@19.2.0))(@types/react@19.2.2)(react@19.2.0))(@types/react@19.2.2)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)':
+  '@mui/material@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.0))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.0))(@types/react@19.2.10)(react@19.2.0))(@types/react@19.2.10)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)':
     dependencies:
       '@babel/runtime': 7.28.4
       '@mui/core-downloads-tracker': 7.3.7
-      '@mui/system': 7.3.7(@emotion/react@11.14.0(@types/react@19.2.2)(react@19.2.0))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.2)(react@19.2.0))(@types/react@19.2.2)(react@19.2.0))(@types/react@19.2.2)(react@19.2.0)
-      '@mui/types': 7.4.10(@types/react@19.2.2)
-      '@mui/utils': 7.3.7(@types/react@19.2.2)(react@19.2.0)
+      '@mui/system': 7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.0))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.0))(@types/react@19.2.10)(react@19.2.0))(@types/react@19.2.10)(react@19.2.0)
+      '@mui/types': 7.4.10(@types/react@19.2.10)
+      '@mui/utils': 7.3.7(@types/react@19.2.10)(react@19.2.0)
       '@popperjs/core': 2.11.8
-      '@types/react-transition-group': 4.4.12(@types/react@19.2.2)
+      '@types/react-transition-group': 4.4.12(@types/react@19.2.10)
       clsx: 2.1.1
       csstype: 3.2.3
       prop-types: 15.8.1
@@ -2731,20 +2743,20 @@ snapshots:
       react-is: 19.2.3
       react-transition-group: 4.4.5(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
     optionalDependencies:
-      '@emotion/react': 11.14.0(@types/react@19.2.2)(react@19.2.0)
-      '@emotion/styled': 11.14.1(@emotion/react@11.14.0(@types/react@19.2.2)(react@19.2.0))(@types/react@19.2.2)(react@19.2.0)
-      '@types/react': 19.2.2
+      '@emotion/react': 11.14.0(@types/react@19.2.10)(react@19.2.0)
+      '@emotion/styled': 11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.0))(@types/react@19.2.10)(react@19.2.0)
+      '@types/react': 19.2.10
 
-  '@mui/private-theming@7.3.7(@types/react@19.2.2)(react@19.2.0)':
+  '@mui/private-theming@7.3.7(@types/react@19.2.10)(react@19.2.0)':
     dependencies:
       '@babel/runtime': 7.28.4
-      '@mui/utils': 7.3.7(@types/react@19.2.2)(react@19.2.0)
+      '@mui/utils': 7.3.7(@types/react@19.2.10)(react@19.2.0)
       prop-types: 15.8.1
       react: 19.2.0
     optionalDependencies:
-      '@types/react': 19.2.2
+      '@types/react': 19.2.10
 
-  '@mui/styled-engine@7.3.7(@emotion/react@11.14.0(@types/react@19.2.2)(react@19.2.0))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.2)(react@19.2.0))(@types/react@19.2.2)(react@19.2.0))(react@19.2.0)':
+  '@mui/styled-engine@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.0))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.0))(@types/react@19.2.10)(react@19.2.0))(react@19.2.0)':
     dependencies:
       '@babel/runtime': 7.28.4
       '@emotion/cache': 11.14.0
@@ -2754,42 +2766,42 @@ snapshots:
       prop-types: 15.8.1
       react: 19.2.0
     optionalDependencies:
-      '@emotion/react': 11.14.0(@types/react@19.2.2)(react@19.2.0)
-      '@emotion/styled': 11.14.1(@emotion/react@11.14.0(@types/react@19.2.2)(react@19.2.0))(@types/react@19.2.2)(react@19.2.0)
+      '@emotion/react': 11.14.0(@types/react@19.2.10)(react@19.2.0)
+      '@emotion/styled': 11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.0))(@types/react@19.2.10)(react@19.2.0)
 
-  '@mui/system@7.3.7(@emotion/react@11.14.0(@types/react@19.2.2)(react@19.2.0))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.2)(react@19.2.0))(@types/react@19.2.2)(react@19.2.0))(@types/react@19.2.2)(react@19.2.0)':
+  '@mui/system@7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.0))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.0))(@types/react@19.2.10)(react@19.2.0))(@types/react@19.2.10)(react@19.2.0)':
     dependencies:
       '@babel/runtime': 7.28.4
-      '@mui/private-theming': 7.3.7(@types/react@19.2.2)(react@19.2.0)
-      '@mui/styled-engine': 7.3.7(@emotion/react@11.14.0(@types/react@19.2.2)(react@19.2.0))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.2)(react@19.2.0))(@types/react@19.2.2)(react@19.2.0))(react@19.2.0)
-      '@mui/types': 7.4.10(@types/react@19.2.2)
-      '@mui/utils': 7.3.7(@types/react@19.2.2)(react@19.2.0)
+      '@mui/private-theming': 7.3.7(@types/react@19.2.10)(react@19.2.0)
+      '@mui/styled-engine': 7.3.7(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.0))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.0))(@types/react@19.2.10)(react@19.2.0))(react@19.2.0)
+      '@mui/types': 7.4.10(@types/react@19.2.10)
+      '@mui/utils': 7.3.7(@types/react@19.2.10)(react@19.2.0)
       clsx: 2.1.1
       csstype: 3.2.3
       prop-types: 15.8.1
       react: 19.2.0
     optionalDependencies:
-      '@emotion/react': 11.14.0(@types/react@19.2.2)(react@19.2.0)
-      '@emotion/styled': 11.14.1(@emotion/react@11.14.0(@types/react@19.2.2)(react@19.2.0))(@types/react@19.2.2)(react@19.2.0)
-      '@types/react': 19.2.2
+      '@emotion/react': 11.14.0(@types/react@19.2.10)(react@19.2.0)
+      '@emotion/styled': 11.14.1(@emotion/react@11.14.0(@types/react@19.2.10)(react@19.2.0))(@types/react@19.2.10)(react@19.2.0)
+      '@types/react': 19.2.10
 
-  '@mui/types@7.4.10(@types/react@19.2.2)':
+  '@mui/types@7.4.10(@types/react@19.2.10)':
     dependencies:
       '@babel/runtime': 7.28.4
     optionalDependencies:
-      '@types/react': 19.2.2
+      '@types/react': 19.2.10
 
-  '@mui/utils@7.3.7(@types/react@19.2.2)(react@19.2.0)':
+  '@mui/utils@7.3.7(@types/react@19.2.10)(react@19.2.0)':
     dependencies:
       '@babel/runtime': 7.28.4
-      '@mui/types': 7.4.10(@types/react@19.2.2)
+      '@mui/types': 7.4.10(@types/react@19.2.10)
       '@types/prop-types': 15.7.15
       clsx: 2.1.1
       prop-types: 15.8.1
       react: 19.2.0
       react-is: 19.2.3
     optionalDependencies:
-      '@types/react': 19.2.2
+      '@types/react': 19.2.10
 
   '@neoconfetti/react@1.0.0': {}
 
@@ -2921,21 +2933,21 @@ snapshots:
 
   '@standard-schema/spec@1.0.0': {}
 
-  '@storybook/addon-a11y@10.0.6(storybook@10.0.6(@testing-library/dom@10.4.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(vite@7.1.9))':
+  '@storybook/addon-a11y@10.0.6(storybook@10.0.6(@testing-library/dom@10.4.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(vite@7.1.9(@types/node@25.1.0)))':
     dependencies:
       '@storybook/global': 5.0.0
       axe-core: 4.11.0
-      storybook: 10.0.6(@testing-library/dom@10.4.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(vite@7.1.9)
+      storybook: 10.0.6(@testing-library/dom@10.4.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(vite@7.1.9(@types/node@25.1.0))
 
-  '@storybook/addon-docs@10.0.6(@types/react@19.2.2)(esbuild@0.25.10)(rollup@4.52.4)(storybook@10.0.6(@testing-library/dom@10.4.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(vite@7.1.9))(vite@7.1.9)':
+  '@storybook/addon-docs@10.0.6(@types/react@19.2.10)(esbuild@0.25.10)(rollup@4.52.4)(storybook@10.0.6(@testing-library/dom@10.4.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(vite@7.1.9(@types/node@25.1.0)))(vite@7.1.9(@types/node@25.1.0))':
     dependencies:
-      '@mdx-js/react': 3.1.1(@types/react@19.2.2)(react@19.2.0)
-      '@storybook/csf-plugin': 10.0.6(esbuild@0.25.10)(rollup@4.52.4)(storybook@10.0.6(@testing-library/dom@10.4.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(vite@7.1.9))(vite@7.1.9)
+      '@mdx-js/react': 3.1.1(@types/react@19.2.10)(react@19.2.0)
+      '@storybook/csf-plugin': 10.0.6(esbuild@0.25.10)(rollup@4.52.4)(storybook@10.0.6(@testing-library/dom@10.4.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(vite@7.1.9(@types/node@25.1.0)))(vite@7.1.9(@types/node@25.1.0))
       '@storybook/icons': 1.6.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
-      '@storybook/react-dom-shim': 10.0.6(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(storybook@10.0.6(@testing-library/dom@10.4.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(vite@7.1.9))
+      '@storybook/react-dom-shim': 10.0.6(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(storybook@10.0.6(@testing-library/dom@10.4.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(vite@7.1.9(@types/node@25.1.0)))
       react: 19.2.0
       react-dom: 19.2.0(react@19.2.0)
-      storybook: 10.0.6(@testing-library/dom@10.4.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(vite@7.1.9)
+      storybook: 10.0.6(@testing-library/dom@10.4.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(vite@7.1.9(@types/node@25.1.0))
       ts-dedent: 2.2.0
     transitivePeerDependencies:
       - '@types/react'
@@ -2944,41 +2956,41 @@ snapshots:
       - vite
       - webpack
 
-  '@storybook/addon-vitest@10.0.6(@vitest/browser-playwright@4.0.8)(@vitest/browser@4.0.8(vite@7.1.9)(vitest@4.0.8))(@vitest/runner@4.0.8)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(storybook@10.0.6(@testing-library/dom@10.4.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(vite@7.1.9))(vitest@4.0.8)':
+  '@storybook/addon-vitest@10.0.6(@vitest/browser-playwright@4.0.8)(@vitest/browser@4.0.8(vite@7.1.9(@types/node@25.1.0))(vitest@4.0.8))(@vitest/runner@4.0.8)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(storybook@10.0.6(@testing-library/dom@10.4.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(vite@7.1.9(@types/node@25.1.0)))(vitest@4.0.8)':
     dependencies:
       '@storybook/global': 5.0.0
       '@storybook/icons': 1.6.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
       prompts: 2.4.2
-      storybook: 10.0.6(@testing-library/dom@10.4.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(vite@7.1.9)
+      storybook: 10.0.6(@testing-library/dom@10.4.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(vite@7.1.9(@types/node@25.1.0))
       ts-dedent: 2.2.0
     optionalDependencies:
-      '@vitest/browser': 4.0.8(vite@7.1.9)(vitest@4.0.8)
-      '@vitest/browser-playwright': 4.0.8(playwright@1.56.1)(vite@7.1.9)(vitest@4.0.8)
+      '@vitest/browser': 4.0.8(vite@7.1.9(@types/node@25.1.0))(vitest@4.0.8)
+      '@vitest/browser-playwright': 4.0.8(playwright@1.56.1)(vite@7.1.9(@types/node@25.1.0))(vitest@4.0.8)
       '@vitest/runner': 4.0.8
-      vitest: 4.0.8(@vitest/browser-playwright@4.0.8)
+      vitest: 4.0.8(@types/node@25.1.0)(@vitest/browser-playwright@4.0.8)
     transitivePeerDependencies:
       - react
       - react-dom
 
-  '@storybook/builder-vite@10.0.6(esbuild@0.25.10)(rollup@4.52.4)(storybook@10.0.6(@testing-library/dom@10.4.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(vite@7.1.9))(vite@7.1.9)':
+  '@storybook/builder-vite@10.0.6(esbuild@0.25.10)(rollup@4.52.4)(storybook@10.0.6(@testing-library/dom@10.4.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(vite@7.1.9(@types/node@25.1.0)))(vite@7.1.9(@types/node@25.1.0))':
     dependencies:
-      '@storybook/csf-plugin': 10.0.6(esbuild@0.25.10)(rollup@4.52.4)(storybook@10.0.6(@testing-library/dom@10.4.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(vite@7.1.9))(vite@7.1.9)
-      storybook: 10.0.6(@testing-library/dom@10.4.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(vite@7.1.9)
+      '@storybook/csf-plugin': 10.0.6(esbuild@0.25.10)(rollup@4.52.4)(storybook@10.0.6(@testing-library/dom@10.4.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(vite@7.1.9(@types/node@25.1.0)))(vite@7.1.9(@types/node@25.1.0))
+      storybook: 10.0.6(@testing-library/dom@10.4.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(vite@7.1.9(@types/node@25.1.0))
       ts-dedent: 2.2.0
-      vite: 7.1.9
+      vite: 7.1.9(@types/node@25.1.0)
     transitivePeerDependencies:
       - esbuild
       - rollup
       - webpack
 
-  '@storybook/csf-plugin@10.0.6(esbuild@0.25.10)(rollup@4.52.4)(storybook@10.0.6(@testing-library/dom@10.4.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(vite@7.1.9))(vite@7.1.9)':
+  '@storybook/csf-plugin@10.0.6(esbuild@0.25.10)(rollup@4.52.4)(storybook@10.0.6(@testing-library/dom@10.4.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(vite@7.1.9(@types/node@25.1.0)))(vite@7.1.9(@types/node@25.1.0))':
     dependencies:
-      storybook: 10.0.6(@testing-library/dom@10.4.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(vite@7.1.9)
+      storybook: 10.0.6(@testing-library/dom@10.4.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(vite@7.1.9(@types/node@25.1.0))
       unplugin: 2.3.10
     optionalDependencies:
       esbuild: 0.25.10
       rollup: 4.52.4
-      vite: 7.1.9
+      vite: 7.1.9(@types/node@25.1.0)
 
   '@storybook/global@5.0.0': {}
 
@@ -2987,27 +2999,27 @@ snapshots:
       react: 19.2.0
       react-dom: 19.2.0(react@19.2.0)
 
-  '@storybook/react-dom-shim@10.0.6(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(storybook@10.0.6(@testing-library/dom@10.4.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(vite@7.1.9))':
+  '@storybook/react-dom-shim@10.0.6(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(storybook@10.0.6(@testing-library/dom@10.4.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(vite@7.1.9(@types/node@25.1.0)))':
     dependencies:
       react: 19.2.0
       react-dom: 19.2.0(react@19.2.0)
-      storybook: 10.0.6(@testing-library/dom@10.4.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(vite@7.1.9)
+      storybook: 10.0.6(@testing-library/dom@10.4.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(vite@7.1.9(@types/node@25.1.0))
 
-  '@storybook/react-vite@10.0.6(esbuild@0.25.10)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(rollup@4.52.4)(storybook@10.0.6(@testing-library/dom@10.4.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(vite@7.1.9))(typescript@5.9.3)(vite@7.1.9)':
+  '@storybook/react-vite@10.0.6(esbuild@0.25.10)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(rollup@4.52.4)(storybook@10.0.6(@testing-library/dom@10.4.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(vite@7.1.9(@types/node@25.1.0)))(typescript@5.9.3)(vite@7.1.9(@types/node@25.1.0))':
     dependencies:
-      '@joshwooding/vite-plugin-react-docgen-typescript': 0.6.1(typescript@5.9.3)(vite@7.1.9)
+      '@joshwooding/vite-plugin-react-docgen-typescript': 0.6.1(typescript@5.9.3)(vite@7.1.9(@types/node@25.1.0))
       '@rollup/pluginutils': 5.3.0(rollup@4.52.4)
-      '@storybook/builder-vite': 10.0.6(esbuild@0.25.10)(rollup@4.52.4)(storybook@10.0.6(@testing-library/dom@10.4.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(vite@7.1.9))(vite@7.1.9)
-      '@storybook/react': 10.0.6(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(storybook@10.0.6(@testing-library/dom@10.4.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(vite@7.1.9))(typescript@5.9.3)
+      '@storybook/builder-vite': 10.0.6(esbuild@0.25.10)(rollup@4.52.4)(storybook@10.0.6(@testing-library/dom@10.4.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(vite@7.1.9(@types/node@25.1.0)))(vite@7.1.9(@types/node@25.1.0))
+      '@storybook/react': 10.0.6(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(storybook@10.0.6(@testing-library/dom@10.4.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(vite@7.1.9(@types/node@25.1.0)))(typescript@5.9.3)
       empathic: 2.0.0
       magic-string: 0.30.21
       react: 19.2.0
       react-docgen: 8.0.2
       react-dom: 19.2.0(react@19.2.0)
       resolve: 1.22.11
-      storybook: 10.0.6(@testing-library/dom@10.4.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(vite@7.1.9)
+      storybook: 10.0.6(@testing-library/dom@10.4.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(vite@7.1.9(@types/node@25.1.0))
       tsconfig-paths: 4.2.0
-      vite: 7.1.9
+      vite: 7.1.9(@types/node@25.1.0)
     transitivePeerDependencies:
       - esbuild
       - rollup
@@ -3015,13 +3027,13 @@ snapshots:
       - typescript
       - webpack
 
-  '@storybook/react@10.0.6(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(storybook@10.0.6(@testing-library/dom@10.4.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(vite@7.1.9))(typescript@5.9.3)':
+  '@storybook/react@10.0.6(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(storybook@10.0.6(@testing-library/dom@10.4.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(vite@7.1.9(@types/node@25.1.0)))(typescript@5.9.3)':
     dependencies:
       '@storybook/global': 5.0.0
-      '@storybook/react-dom-shim': 10.0.6(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(storybook@10.0.6(@testing-library/dom@10.4.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(vite@7.1.9))
+      '@storybook/react-dom-shim': 10.0.6(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(storybook@10.0.6(@testing-library/dom@10.4.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(vite@7.1.9(@types/node@25.1.0)))
       react: 19.2.0
       react-dom: 19.2.0(react@19.2.0)
-      storybook: 10.0.6(@testing-library/dom@10.4.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(vite@7.1.9)
+      storybook: 10.0.6(@testing-library/dom@10.4.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(vite@7.1.9(@types/node@25.1.0))
     optionalDependencies:
       typescript: 5.9.3
 
@@ -3091,21 +3103,25 @@ snapshots:
 
   '@types/mdx@2.0.13': {}
 
+  '@types/node@25.1.0':
+    dependencies:
+      undici-types: 7.16.0
+
   '@types/parse-json@4.0.2': {}
 
   '@types/prop-types@15.7.15': {}
 
-  '@types/react-dom@19.2.1(@types/react@19.2.2)':
+  '@types/react-dom@19.2.3(@types/react@19.2.10)':
     dependencies:
-      '@types/react': 19.2.2
+      '@types/react': 19.2.10
 
-  '@types/react-transition-group@4.4.12(@types/react@19.2.2)':
+  '@types/react-transition-group@4.4.12(@types/react@19.2.10)':
     dependencies:
-      '@types/react': 19.2.2
+      '@types/react': 19.2.10
 
-  '@types/react@19.2.2':
+  '@types/react@19.2.10':
     dependencies:
-      csstype: 3.1.3
+      csstype: 3.2.3
 
   '@types/resolve@1.20.6': {}
 
@@ -3163,7 +3179,7 @@ snapshots:
       '@typescript-eslint/types': 8.46.3
       eslint-visitor-keys: 4.2.1
 
-  '@vitejs/plugin-react@5.0.4(vite@7.1.9)':
+  '@vitejs/plugin-react@5.0.4(vite@7.1.9(@types/node@25.1.0))':
     dependencies:
       '@babel/core': 7.28.4
       '@babel/plugin-transform-react-jsx-self': 7.27.1(@babel/core@7.28.4)
@@ -3171,33 +3187,33 @@ snapshots:
       '@rolldown/pluginutils': 1.0.0-beta.38
       '@types/babel__core': 7.20.5
       react-refresh: 0.17.0
-      vite: 7.1.9
+      vite: 7.1.9(@types/node@25.1.0)
     transitivePeerDependencies:
       - supports-color
 
-  '@vitest/browser-playwright@4.0.8(playwright@1.56.1)(vite@7.1.9)(vitest@4.0.8)':
+  '@vitest/browser-playwright@4.0.8(playwright@1.56.1)(vite@7.1.9(@types/node@25.1.0))(vitest@4.0.8)':
     dependencies:
-      '@vitest/browser': 4.0.8(vite@7.1.9)(vitest@4.0.8)
-      '@vitest/mocker': 4.0.8(vite@7.1.9)
+      '@vitest/browser': 4.0.8(vite@7.1.9(@types/node@25.1.0))(vitest@4.0.8)
+      '@vitest/mocker': 4.0.8(vite@7.1.9(@types/node@25.1.0))
       playwright: 1.56.1
       tinyrainbow: 3.0.3
-      vitest: 4.0.8(@vitest/browser-playwright@4.0.8)
+      vitest: 4.0.8(@types/node@25.1.0)(@vitest/browser-playwright@4.0.8)
     transitivePeerDependencies:
       - bufferutil
       - msw
       - utf-8-validate
       - vite
 
-  '@vitest/browser@4.0.8(vite@7.1.9)(vitest@4.0.8)':
+  '@vitest/browser@4.0.8(vite@7.1.9(@types/node@25.1.0))(vitest@4.0.8)':
     dependencies:
-      '@vitest/mocker': 4.0.8(vite@7.1.9)
+      '@vitest/mocker': 4.0.8(vite@7.1.9(@types/node@25.1.0))
       '@vitest/utils': 4.0.8
       magic-string: 0.30.21
       pixelmatch: 7.1.0
       pngjs: 7.0.0
       sirv: 3.0.2
       tinyrainbow: 3.0.3
-      vitest: 4.0.8(@vitest/browser-playwright@4.0.8)
+      vitest: 4.0.8(@types/node@25.1.0)(@vitest/browser-playwright@4.0.8)
       ws: 8.18.3
     transitivePeerDependencies:
       - bufferutil
@@ -3205,7 +3221,7 @@ snapshots:
       - utf-8-validate
       - vite
 
-  '@vitest/coverage-v8@4.0.8(@vitest/browser@4.0.8(vite@7.1.9)(vitest@4.0.8))(vitest@4.0.8)':
+  '@vitest/coverage-v8@4.0.8(@vitest/browser@4.0.8(vite@7.1.9(@types/node@25.1.0))(vitest@4.0.8))(vitest@4.0.8)':
     dependencies:
       '@bcoe/v8-coverage': 1.0.2
       '@vitest/utils': 4.0.8
@@ -3218,9 +3234,9 @@ snapshots:
       magicast: 0.5.1
       std-env: 3.10.0
       tinyrainbow: 3.0.3
-      vitest: 4.0.8(@vitest/browser-playwright@4.0.8)
+      vitest: 4.0.8(@types/node@25.1.0)(@vitest/browser-playwright@4.0.8)
     optionalDependencies:
-      '@vitest/browser': 4.0.8(vite@7.1.9)(vitest@4.0.8)
+      '@vitest/browser': 4.0.8(vite@7.1.9(@types/node@25.1.0))(vitest@4.0.8)
     transitivePeerDependencies:
       - supports-color
 
@@ -3241,21 +3257,21 @@ snapshots:
       chai: 6.2.0
       tinyrainbow: 3.0.3
 
-  '@vitest/mocker@3.2.4(vite@7.1.9)':
+  '@vitest/mocker@3.2.4(vite@7.1.9(@types/node@25.1.0))':
     dependencies:
       '@vitest/spy': 3.2.4
       estree-walker: 3.0.3
       magic-string: 0.30.21
     optionalDependencies:
-      vite: 7.1.9
+      vite: 7.1.9(@types/node@25.1.0)
 
-  '@vitest/mocker@4.0.8(vite@7.1.9)':
+  '@vitest/mocker@4.0.8(vite@7.1.9(@types/node@25.1.0))':
     dependencies:
       '@vitest/spy': 4.0.8
       estree-walker: 3.0.3
       magic-string: 0.30.21
     optionalDependencies:
-      vite: 7.1.9
+      vite: 7.1.9(@types/node@25.1.0)
 
   '@vitest/pretty-format@3.2.4':
     dependencies:
@@ -3534,11 +3550,11 @@ snapshots:
     dependencies:
       eslint: 9.37.0
 
-  eslint-plugin-storybook@10.0.6(eslint@9.37.0)(storybook@10.0.6(@testing-library/dom@10.4.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(vite@7.1.9))(typescript@5.9.3):
+  eslint-plugin-storybook@10.0.6(eslint@9.37.0)(storybook@10.0.6(@testing-library/dom@10.4.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(vite@7.1.9(@types/node@25.1.0)))(typescript@5.9.3):
     dependencies:
       '@typescript-eslint/utils': 8.46.3(eslint@9.37.0)(typescript@5.9.3)
       eslint: 9.37.0
-      storybook: 10.0.6(@testing-library/dom@10.4.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(vite@7.1.9)
+      storybook: 10.0.6(@testing-library/dom@10.4.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(vite@7.1.9(@types/node@25.1.0))
     transitivePeerDependencies:
       - supports-color
       - typescript
@@ -3994,13 +4010,13 @@ snapshots:
 
   queue-microtask@1.2.3: {}
 
-  react-bootstrap@2.10.10(@types/react@19.2.2)(react-dom@19.2.0(react@19.2.0))(react@19.2.0):
+  react-bootstrap@2.10.10(@types/react@19.2.10)(react-dom@19.2.0(react@19.2.0))(react@19.2.0):
     dependencies:
       '@babel/runtime': 7.28.4
       '@restart/hooks': 0.4.16(react@19.2.0)
       '@restart/ui': 1.9.4(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
       '@types/prop-types': 15.7.15
-      '@types/react-transition-group': 4.4.12(@types/react@19.2.2)
+      '@types/react-transition-group': 4.4.12(@types/react@19.2.10)
       classnames: 2.5.1
       dom-helpers: 5.2.1
       invariant: 2.2.4
@@ -4012,7 +4028,7 @@ snapshots:
       uncontrollable: 7.2.1(react@19.2.0)
       warning: 4.0.3
     optionalDependencies:
-      '@types/react': 19.2.2
+      '@types/react': 19.2.10
 
   react-chartjs-2@5.3.1(chart.js@4.5.1)(react@19.2.0):
     dependencies:
@@ -4195,14 +4211,14 @@ snapshots:
 
   std-env@3.10.0: {}
 
-  storybook@10.0.6(@testing-library/dom@10.4.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(vite@7.1.9):
+  storybook@10.0.6(@testing-library/dom@10.4.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(vite@7.1.9(@types/node@25.1.0)):
     dependencies:
       '@storybook/global': 5.0.0
       '@storybook/icons': 1.6.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
       '@testing-library/jest-dom': 6.9.1
       '@testing-library/user-event': 14.6.1(@testing-library/dom@10.4.1)
       '@vitest/expect': 3.2.4
-      '@vitest/mocker': 3.2.4(vite@7.1.9)
+      '@vitest/mocker': 3.2.4(vite@7.1.9(@types/node@25.1.0))
       '@vitest/spy': 3.2.4
       esbuild: 0.25.10
       recast: 0.23.11
@@ -4305,7 +4321,7 @@ snapshots:
   uncontrollable@7.2.1(react@19.2.0):
     dependencies:
       '@babel/runtime': 7.28.4
-      '@types/react': 19.2.2
+      '@types/react': 19.2.10
       invariant: 2.2.4
       react: 19.2.0
       react-lifecycles-compat: 3.0.4
@@ -4314,6 +4330,8 @@ snapshots:
     dependencies:
       react: 19.2.0
 
+  undici-types@7.16.0: {}
+
   universalify@2.0.1: {}
 
   unplugin@2.3.10:
@@ -4333,7 +4351,7 @@ snapshots:
     dependencies:
       punycode: 2.3.1
 
-  vite@7.1.9:
+  vite@7.1.9(@types/node@25.1.0):
     dependencies:
       esbuild: 0.25.10
       fdir: 6.5.0(picomatch@4.0.3)
@@ -4342,12 +4360,13 @@ snapshots:
       rollup: 4.52.4
       tinyglobby: 0.2.15
     optionalDependencies:
+      '@types/node': 25.1.0
       fsevents: 2.3.3
 
-  vitest@4.0.8(@vitest/browser-playwright@4.0.8):
+  vitest@4.0.8(@types/node@25.1.0)(@vitest/browser-playwright@4.0.8):
     dependencies:
       '@vitest/expect': 4.0.8
-      '@vitest/mocker': 4.0.8(vite@7.1.9)
+      '@vitest/mocker': 4.0.8(vite@7.1.9(@types/node@25.1.0))
       '@vitest/pretty-format': 4.0.8
       '@vitest/runner': 4.0.8
       '@vitest/snapshot': 4.0.8
@@ -4364,10 +4383,11 @@ snapshots:
       tinyexec: 0.3.2
       tinyglobby: 0.2.15
       tinyrainbow: 3.0.3
-      vite: 7.1.9
+      vite: 7.1.9(@types/node@25.1.0)
       why-is-node-running: 2.3.0
     optionalDependencies:
-      '@vitest/browser-playwright': 4.0.8(playwright@1.56.1)(vite@7.1.9)(vitest@4.0.8)
+      '@types/node': 25.1.0
+      '@vitest/browser-playwright': 4.0.8(playwright@1.56.1)(vite@7.1.9(@types/node@25.1.0))(vitest@4.0.8)
     transitivePeerDependencies:
       - jiti
       - less

From 6202f6dc77fc3417d41109b1764877c5a5159780 Mon Sep 17 00:00:00 2001
From: T'JAMPENS QUENTIN p2406187 <pyramond69@gmail.com>
Date: Tue, 3 Feb 2026 14:27:54 +0100
Subject: [PATCH 03/14] Able to refuse members

---
 .../Admin/components/pendingMembers/PendingMembers.jsx     | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/pages/Admin/components/pendingMembers/PendingMembers.jsx b/src/pages/Admin/components/pendingMembers/PendingMembers.jsx
index 0a964cd..904da41 100644
--- a/src/pages/Admin/components/pendingMembers/PendingMembers.jsx
+++ b/src/pages/Admin/components/pendingMembers/PendingMembers.jsx
@@ -29,12 +29,13 @@ function PendingMembers() {
 
     const handleValidate = async (id) => {
         const result = await validateUser(id);
-        console.log(result);
         fetchUsers();
     }
 
-    const handleRefuse = (id) => {
-
+    const handleRefuse = async (id) => {
+        const result = await deleteOtherUser(id);
+        console.log(result);
+        fetchUsers();
     }
 
     return (

From 34ad0ec3456c3294a62b492d54d5b68a30db1cd2 Mon Sep 17 00:00:00 2001
From: T'JAMPENS QUENTIN p2406187 <pyramond69@gmail.com>
Date: Tue, 3 Feb 2026 14:34:26 +0100
Subject: [PATCH 04/14] Show result modal

---
 .../pendingMembers/PendingMembers.jsx         | 43 ++++++++++++++++---
 1 file changed, 37 insertions(+), 6 deletions(-)

diff --git a/src/pages/Admin/components/pendingMembers/PendingMembers.jsx b/src/pages/Admin/components/pendingMembers/PendingMembers.jsx
index 904da41..2da2c50 100644
--- a/src/pages/Admin/components/pendingMembers/PendingMembers.jsx
+++ b/src/pages/Admin/components/pendingMembers/PendingMembers.jsx
@@ -1,7 +1,7 @@
 import React, {useState, useEffect} from "react";
 import Button from "../../../../components/ui/button/button.jsx";
 import styles from "./PendingMembers.module.css";
-
+import Modal from "../../../../components/ui/modal/modal.jsx";
 import getUserToValidate from "../../../../utils/users/getUserToValidate.js";
 import getUserById from "../../../../utils/users/getUserById.js";
 import validateUser from "../../../../utils/users/validateUser.js";
@@ -9,6 +9,11 @@ import deleteOtherUser from "../../../../utils/users/deleteOtherUser.js";
 
 function PendingMembers() {
 
+
+    const [open, setOpen] = useState(false);
+    const [message, setMessage] = useState("");
+    const [title, setTitle] = useState("");
+
     const [pendingMembers, setPendingMembers] = useState([]);
 
     const fetchUsers = async () => {
@@ -27,14 +32,35 @@ function PendingMembers() {
         fetchUsers();
     }, []);
 
-    const handleValidate = async (id) => {
+    const handleValidate = async (id, name) => {
         const result = await validateUser(id);
+
+        if(result.status === 200) {
+            setTitle("Utilisateur accepté avec succès")
+            setMessage(`L'utilisateur ${name} a été accepté avec succès`)
+            setOpen(true);
+        } else {
+            setTitle("Erreur")
+            setMessage(`Une erreur est survenue durant l'acceptation de l'utilisateur ${name}`)
+            setOpen(true);
+        }
+
         fetchUsers();
     }
 
-    const handleRefuse = async (id) => {
+    const handleRefuse = async (id, name) => {
         const result = await deleteOtherUser(id);
-        console.log(result);
+
+        if(result.status === 200) {
+            setTitle("Utilisateur refusé avec succès")
+            setMessage(`L'utilisateur ${name} a été refusé avec succès`)
+            setOpen(true);
+        } else {
+            setTitle("Erreur")
+            setMessage(`Une erreur est survenue durant le refus de l'utilisateur ${name}`)
+            setOpen(true);
+        }
+
         fetchUsers();
     }
 
@@ -53,8 +79,8 @@ function PendingMembers() {
                         <p>{member.name} {member.lastname}</p>
 
                         <div className={styles.buttonGroup}>
-                            <Button variant="primary" onClick={() => handleValidate(member.id)}>Valider</Button>
-                            <Button variant="danger" onClick={() => handleRefuse(member.id)}>Refuser</Button>
+                            <Button variant="primary" onClick={() => handleValidate(member.id, `${member.name} ${member.lastname}`)}>Valider</Button>
+                            <Button variant="danger" onClick={() => handleRefuse(member.id, `${member.name} ${member.lastname}`)}>Refuser</Button>
                         </div>
 
                     </div>
@@ -62,6 +88,11 @@ function PendingMembers() {
                 ))}
 
             </div>
+
+            <Modal open={open} onClose={() => setOpen(false)} title={title}>
+                {message}
+            </Modal>
+
         </div>
     );
 }

From 39030b18cf3eb1a2e42fb9317114df341038c34c Mon Sep 17 00:00:00 2001
From: T'JAMPENS QUENTIN p2406187 <pyramond69@gmail.com>
Date: Tue, 3 Feb 2026 14:39:42 +0100
Subject: [PATCH 05/14] Refresh on last member

---
 src/pages/Admin/components/pendingMembers/PendingMembers.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/Admin/components/pendingMembers/PendingMembers.jsx b/src/pages/Admin/components/pendingMembers/PendingMembers.jsx
index 2da2c50..69dc4e4 100644
--- a/src/pages/Admin/components/pendingMembers/PendingMembers.jsx
+++ b/src/pages/Admin/components/pendingMembers/PendingMembers.jsx
@@ -25,7 +25,7 @@ function PendingMembers() {
             const users = await Promise.all(userIds.map(id => getUserById(id)));
             const usersData = users.map(u => u.data);
             setPendingMembers(usersData);
-        }
+        } else setPendingMembers([]);
     }
 
     useEffect(() => {

From a54b7dfad927d804f217f63684b5926267ead2a4 Mon Sep 17 00:00:00 2001
From: T'JAMPENS QUENTIN p2406187 <pyramond69@gmail.com>
Date: Tue, 3 Feb 2026 16:21:02 +0100
Subject: [PATCH 06/14] Fix user data context

---
 src/contexts/auth/authProvider.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/contexts/auth/authProvider.jsx b/src/contexts/auth/authProvider.jsx
index e1d7ae3..11fd5fe 100644
--- a/src/contexts/auth/authProvider.jsx
+++ b/src/contexts/auth/authProvider.jsx
@@ -12,7 +12,7 @@ export function AuthProvider({ children }) {
     useEffect(() => {
         (async () => {
             const u = await getUser();
-            setUser(u.data);
+            if(u.status === 200) setUser(u.data);
             setLoading(false);
         })();
     }, []);

From 9e715cc575ea69a9d0dfb624a16da1186785ce10 Mon Sep 17 00:00:00 2001
From: T'JAMPENS QUENTIN p2406187 <pyramond69@gmail.com>
Date: Tue, 3 Feb 2026 16:29:47 +0100
Subject: [PATCH 07/14] Add refresh btn to ValidationErrorPage

---
 src/pages/waitValidationPage/ValidationErrorPage.jsx     | 9 ++++++++-
 .../waitValidationPage/validationErrorPage.module.css    | 6 ++++++
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/pages/waitValidationPage/ValidationErrorPage.jsx b/src/pages/waitValidationPage/ValidationErrorPage.jsx
index 7ca38f9..aeff346 100644
--- a/src/pages/waitValidationPage/ValidationErrorPage.jsx
+++ b/src/pages/waitValidationPage/ValidationErrorPage.jsx
@@ -15,6 +15,10 @@ export default function ValidationErrorPage() {
         navigate("/login");
     }
 
+    const handleRefresh = () => {
+        window.location.reload();
+    }
+
     if(user && user.validate === 1) return <Navigate to="/" />;
 
     return <Background>
@@ -27,7 +31,10 @@ export default function ValidationErrorPage() {
                         https://comite.beaupont.fr/contactez-nous
                     </Link>
                 </p>
-                <Button variant={"danger"} onClick={handleLogout}> Déconnexion </Button>
+                <div className={styles.btnContainer}>
+                    <Button variant={"default"} onClick={handleRefresh}> Recharger </Button>
+                    <Button variant={"danger"} onClick={handleLogout}> Déconnexion </Button>
+                </div>
             </div>
         </div>
     </Background>
diff --git a/src/pages/waitValidationPage/validationErrorPage.module.css b/src/pages/waitValidationPage/validationErrorPage.module.css
index e4a398d..495bfde 100644
--- a/src/pages/waitValidationPage/validationErrorPage.module.css
+++ b/src/pages/waitValidationPage/validationErrorPage.module.css
@@ -22,4 +22,10 @@
     p {
         font-size: large;
     }
+}
+
+.btnContainer {
+    display: flex;
+    flex-direction: row;
+    gap: 15px;
 }
\ No newline at end of file

From 1489a10711f8a26ed2872a44819057832abd79d7 Mon Sep 17 00:00:00 2001
From: T'JAMPENS QUENTIN p2406187 <pyramond69@gmail.com>
Date: Tue, 3 Feb 2026 16:31:21 +0100
Subject: [PATCH 08/14] Rename rgpd route

---
 src/components/Footer/Footer.jsx | 2 +-
 src/router.js                    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Footer/Footer.jsx b/src/components/Footer/Footer.jsx
index b88fb34..068f976 100644
--- a/src/components/Footer/Footer.jsx
+++ b/src/components/Footer/Footer.jsx
@@ -26,7 +26,7 @@ export default function Footer(){
                 </div>
 
                 <nav className={styles.footerNav}>
-                    <Link to="/RGPD" className={styles.link} onClick={scrollToTop}>
+                    <Link to="/rgpd" className={styles.link} onClick={scrollToTop}>
                         Fiche RGPD
                     </Link>
                     <span className={styles.separator}></span>
diff --git a/src/router.js b/src/router.js
index b2442e8..b9137b0 100644
--- a/src/router.js
+++ b/src/router.js
@@ -72,7 +72,7 @@ const router = createBrowserRouter([
                 Component: legalNotices,
             },
             {
-                path: "/RGPD",
+                path: "/rgpd",
                 Component: RGPD,
             },
         ]

From f6def2f817446507b78aab1a7d8b113f48a566d9 Mon Sep 17 00:00:00 2001
From: T'JAMPENS QUENTIN p2406187 <pyramond69@gmail.com>
Date: Fri, 6 Feb 2026 15:07:14 +0100
Subject: [PATCH 09/14] Convert Input and Button UI component to TypeScript

---
 src/components/Filter/Filter.jsx              |  2 +-
 src/components/Footer/Footer.jsx              |  2 +-
 src/components/ToolBar/ToolBar.jsx            |  2 +-
 .../createEventBtn/CreateEventBtn.jsx         |  4 +-
 src/components/ui/button/button.jsx           | 16 -----
 src/components/ui/button/button.tsx           | 44 +++++++++++++
 src/components/ui/input/input.jsx             | 38 ------------
 src/components/ui/input/input.tsx             | 62 +++++++++++++++++++
 src/components/ui/modal/modal.jsx             |  2 +-
 .../ui/themeSwitcher/ThemeSwitcher.jsx        |  2 +-
 .../pendingMembers/PendingMembers.jsx         |  2 +-
 src/pages/Events/components/Event/Event.jsx   |  2 +-
 .../Login/components/loginform/loginForm.jsx  |  4 +-
 .../SettingsModal/SettingsModal.jsx           |  4 +-
 src/pages/Register/RegisterPage.jsx           |  4 +-
 .../components/manageMember/ManageMember.jsx  |  2 +-
 .../deactivateMember/deactivateMemberBtn.jsx  |  2 +-
 .../manageMember/modifyrole/ModifyRole.jsx    |  2 +-
 src/pages/Volunteers/VolunteerCard.jsx        |  2 +-
 .../components/EventTask/EventTask.jsx        |  2 +-
 .../createTaskBtn/createTaskBtn.jsx           |  4 +-
 .../deleteEventBtn/deleteEventBtn.jsx         |  2 +-
 .../deleteTaskBtn/deleteTaskBtn.jsx           |  2 +-
 .../ValidationErrorPage.jsx                   |  2 +-
 src/stories/Button.stories.jsx                |  2 +-
 src/stories/Input.stories.jsx                 |  2 +-
 src/stories/Modal.stories.jsx                 |  2 +-
 27 files changed, 134 insertions(+), 82 deletions(-)
 delete mode 100644 src/components/ui/button/button.jsx
 create mode 100644 src/components/ui/button/button.tsx
 delete mode 100644 src/components/ui/input/input.jsx
 create mode 100644 src/components/ui/input/input.tsx

diff --git a/src/components/Filter/Filter.jsx b/src/components/Filter/Filter.jsx
index d323cc9..eb0bf87 100644
--- a/src/components/Filter/Filter.jsx
+++ b/src/components/Filter/Filter.jsx
@@ -1,5 +1,5 @@
 import styles from "./Filter.module.css";
-import Button from "../ui/button/button.jsx"
+import Button from "../ui/button/button.tsx"
 
 function Filter({isFilterVisible, filters, setFilters}){
     const setAlphabeticalOrder = (order) => {
diff --git a/src/components/Footer/Footer.jsx b/src/components/Footer/Footer.jsx
index 068f976..754f071 100644
--- a/src/components/Footer/Footer.jsx
+++ b/src/components/Footer/Footer.jsx
@@ -2,7 +2,7 @@ import styles from "./Footer.module.css"
 import {Link} from "react-router";
 import {useState} from "react";
 import Modal from "../ui/modal/modal.jsx";
-import Button from "../ui/button/button.jsx";
+import Button from "../ui/button/button.tsx";
 import scrollToTop from "../../utils/scrollToTop.js";
 
 export default function Footer(){
diff --git a/src/components/ToolBar/ToolBar.jsx b/src/components/ToolBar/ToolBar.jsx
index 2b90746..874fa70 100644
--- a/src/components/ToolBar/ToolBar.jsx
+++ b/src/components/ToolBar/ToolBar.jsx
@@ -3,7 +3,7 @@ import Filter from "../Filter/Filter.jsx";
 import {useContext, useEffect, useState} from "react";
 import SearchBar from "../SearchBar/SearchBar.jsx";
 import CreateEventBtn from "../createEventBtn/CreateEventBtn.jsx";
-import Button from "../ui/button/button.jsx";
+import Button from "../ui/button/button.tsx";
 import {AuthContext} from "../../contexts/auth/AuthContext.js";
 
 function ToolBar({setFilters, filters, showCreate = true}) {
diff --git a/src/components/createEventBtn/CreateEventBtn.jsx b/src/components/createEventBtn/CreateEventBtn.jsx
index 18877cd..becbc76 100644
--- a/src/components/createEventBtn/CreateEventBtn.jsx
+++ b/src/components/createEventBtn/CreateEventBtn.jsx
@@ -1,8 +1,8 @@
 import styles from "./createEventBtn.module.css"
 import { useState, useContext } from "react";
 import Modal from "../ui/modal/modal.jsx";
-import Button from "../ui/button/button.jsx";
-import TextInput from "../ui/input/input.jsx";
+import Button from "../ui/button/button.tsx";
+import TextInput from "../ui/input/input.tsx";
 import { EventContext } from "../../contexts/events/EventContext.js";
 
 
diff --git a/src/components/ui/button/button.jsx b/src/components/ui/button/button.jsx
deleted file mode 100644
index 0fc74ab..0000000
--- a/src/components/ui/button/button.jsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import styles from "./button.module.css";
-
-const Button = ({ children, variant = "primary", onClick, className }) => {
-    let btnStyle;
-
-    if (variant === "primary") btnStyle = styles.primary;
-    else if (variant === "danger") btnStyle = styles.danger;
-    else if(variant === "transparent") btnStyle = styles.transparent;
-    else btnStyle = styles.default;
-
-    return <div className={`${styles.btn} ${btnStyle} ${className}`} onClick={onClick}>
-        {children}
-    </div>;
-};
-
-export default Button;
diff --git a/src/components/ui/button/button.tsx b/src/components/ui/button/button.tsx
new file mode 100644
index 0000000..1866c39
--- /dev/null
+++ b/src/components/ui/button/button.tsx
@@ -0,0 +1,44 @@
+import { ReactNode, MouseEventHandler } from "react";
+import styles from "./button.module.css";
+
+type ButtonVariant = "primary" | "danger" | "transparent" | "default";
+
+interface ButtonProps {
+    children: ReactNode;
+    variant?: ButtonVariant;
+    onClick?: MouseEventHandler<HTMLDivElement>;
+    className?: string;
+}
+
+const Button = ({
+                    children,
+                    variant = "primary",
+                    onClick,
+                    className = "",
+                }: ButtonProps) => {
+    let btnStyle: string;
+
+    if (variant === "primary") { // @ts-ignore
+        btnStyle = styles.primary;
+    }
+    else if (variant === "danger") { // @ts-ignore
+        btnStyle = styles.danger;
+    }
+    else if (variant === "transparent") { // @ts-ignore
+        btnStyle = styles.transparent;
+    }
+    else { // @ts-ignore
+        btnStyle = styles.default;
+    }
+
+    return (
+        <div
+            className={`${styles.btn} ${btnStyle} ${className}`}
+            onClick={onClick}
+        >
+            {children}
+        </div>
+    );
+};
+
+export default Button;
diff --git a/src/components/ui/input/input.jsx b/src/components/ui/input/input.jsx
deleted file mode 100644
index 7713b27..0000000
--- a/src/components/ui/input/input.jsx
+++ /dev/null
@@ -1,38 +0,0 @@
-import styles from "./input.module.css";
-import { useState } from "react";
-
-const TextInput = ({ placeholder, onChange, value, borderStyle, password, className, ...props }) => {
-
-    const [showPassword, setShowPassword] = useState(false);
-
-    let inputBorderStyle = styles.square;
-    if (borderStyle === "square") inputBorderStyle = styles.square;
-    if(borderStyle === "rounded") inputBorderStyle = styles.rounded;
-
-    const toggleShowPassword = () => {
-        setShowPassword(!showPassword);
-    };
-
-    if(password) return (
-        <div className={styles.passwordContainer}>
-            <TextInput
-                type={showPassword ? "text" : "password"}
-                value={value}
-                placeholder={placeholder}
-                onChange={onChange}
-                className={styles.passwordInput}
-            />
-            <button
-                type="button"
-                onClick={toggleShowPassword}
-                className={styles.passwordBtn}
-            >
-                {showPassword ? '👁️' : '🔒'}
-            </button>
-        </div>
-    );
-
-    return <input className={`${styles.input} ${inputBorderStyle} ${className}`} onChange={onChange} placeholder={placeholder} value={value} {...props} />
-};
-
-export default TextInput;
diff --git a/src/components/ui/input/input.tsx b/src/components/ui/input/input.tsx
new file mode 100644
index 0000000..0cc1e7f
--- /dev/null
+++ b/src/components/ui/input/input.tsx
@@ -0,0 +1,62 @@
+import styles from "./input.module.css";
+import { useState, ChangeEvent, InputHTMLAttributes } from "react";
+
+interface TextInputProps extends InputHTMLAttributes<HTMLInputElement> {
+    placeholder?: string;
+    value?: string;
+    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
+    borderStyle?: "square" | "rounded";
+    password?: boolean;
+    className?: string;
+}
+
+const TextInput = ({
+                       placeholder,
+                       onChange,
+                       value,
+                       borderStyle = "square",
+                       password,
+                       className = "",
+                       ...props
+                   }: TextInputProps) => {
+    const [showPassword, setShowPassword] = useState<boolean>(false);
+
+    let inputBorderStyle = styles.square;
+    if (borderStyle === "rounded") inputBorderStyle = styles.rounded;
+
+    const toggleShowPassword = () => {
+        setShowPassword((prev) => !prev);
+    };
+
+    if (password)
+        return (
+            <div className={styles.passwordContainer}>
+                <TextInput
+                    type={showPassword ? "text" : "password"}
+                    value={value}
+                    placeholder={placeholder}
+                    onChange={onChange}
+                    className={styles.passwordInput}
+                />
+                <button
+                    type="button"
+                    onClick={toggleShowPassword}
+                    className={styles.passwordBtn}
+                >
+                    {showPassword ? "👁️" : "🔒"}
+                </button>
+            </div>
+        );
+
+    return (
+        <input
+            className={`${styles.input} ${inputBorderStyle} ${className}`}
+            onChange={onChange}
+            placeholder={placeholder}
+            value={value}
+            {...props}
+        />
+    );
+};
+
+export default TextInput;
diff --git a/src/components/ui/modal/modal.jsx b/src/components/ui/modal/modal.jsx
index 822398c..82d60a2 100644
--- a/src/components/ui/modal/modal.jsx
+++ b/src/components/ui/modal/modal.jsx
@@ -1,6 +1,6 @@
 import { createPortal } from "react-dom";
 import styles from "./modal.module.css";
-import Button from "../button/button.jsx";
+import Button from "../button/button.tsx";
 
 const Modal = ({ open, onClose, children, title }) => {
 
diff --git a/src/components/ui/themeSwitcher/ThemeSwitcher.jsx b/src/components/ui/themeSwitcher/ThemeSwitcher.jsx
index ef3ffc6..25e0369 100644
--- a/src/components/ui/themeSwitcher/ThemeSwitcher.jsx
+++ b/src/components/ui/themeSwitcher/ThemeSwitcher.jsx
@@ -1,4 +1,4 @@
-import Button from "../button/button.jsx";
+import Button from "../button/button.tsx";
 import { useState, useEffect } from "react";
 import styles from "./ThemeSwitcher.module.css";
 
diff --git a/src/pages/Admin/components/pendingMembers/PendingMembers.jsx b/src/pages/Admin/components/pendingMembers/PendingMembers.jsx
index 69dc4e4..151856e 100644
--- a/src/pages/Admin/components/pendingMembers/PendingMembers.jsx
+++ b/src/pages/Admin/components/pendingMembers/PendingMembers.jsx
@@ -1,5 +1,5 @@
 import React, {useState, useEffect} from "react";
-import Button from "../../../../components/ui/button/button.jsx";
+import Button from "../../../../components/ui/button/button.tsx";
 import styles from "./PendingMembers.module.css";
 import Modal from "../../../../components/ui/modal/modal.jsx";
 import getUserToValidate from "../../../../utils/users/getUserToValidate.js";
diff --git a/src/pages/Events/components/Event/Event.jsx b/src/pages/Events/components/Event/Event.jsx
index e011d56..41181d3 100644
--- a/src/pages/Events/components/Event/Event.jsx
+++ b/src/pages/Events/components/Event/Event.jsx
@@ -1,7 +1,7 @@
 import styles from "./Event.module.css";
 import { useState, useEffect } from "react";
 import { useNavigate } from "react-router";
-import Button from "/src/components/ui/button/button.jsx"
+import Button from "/src/components/ui/button/button"
 
 function Event({event}){
 
diff --git a/src/pages/Login/components/loginform/loginForm.jsx b/src/pages/Login/components/loginform/loginForm.jsx
index ee2ee6b..80654f3 100644
--- a/src/pages/Login/components/loginform/loginForm.jsx
+++ b/src/pages/Login/components/loginform/loginForm.jsx
@@ -1,7 +1,7 @@
 import { useState, useContext } from "react";
 import styles from "./loginForm.module.css";
-import Button from "../../../../components/ui/button/button.jsx";
-import Input from "../../../../components/ui/input/input.jsx";
+import Button from "../../../../components/ui/button/button.tsx";
+import Input from "../../../../components/ui/input/input.tsx";
 import Modal from "../../../../components/ui/modal/modal.jsx";
 import { useNavigate } from "react-router";
 import { AuthContext } from "../../../../contexts/auth/AuthContext.js";
diff --git a/src/pages/Profile/components/SettingsModal/SettingsModal.jsx b/src/pages/Profile/components/SettingsModal/SettingsModal.jsx
index 4283559..a831fba 100644
--- a/src/pages/Profile/components/SettingsModal/SettingsModal.jsx
+++ b/src/pages/Profile/components/SettingsModal/SettingsModal.jsx
@@ -1,10 +1,10 @@
 import Modal from "../../../../components/ui/modal/modal.jsx";
-import Button from "../../../../components/ui/button/button.jsx";
+import Button from "../../../../components/ui/button/button.tsx";
 import styles from "./SettingsModal.module.css"
 import { useContext, useState } from "react";
 import ThemeSwitcher from "../../../../components/ui/themeSwitcher/ThemeSwitcher.jsx";
 import { AuthContext } from "../../../../contexts/auth/AuthContext.js";
-import TextInput from "../../../../components/ui/input/input.jsx";
+import TextInput from "../../../../components/ui/input/input.tsx";
 import updateUser from "../../../../utils/users/updateUser.js";
 import deleteUser from "../../../../utils/users/deleteUser.js";
 
diff --git a/src/pages/Register/RegisterPage.jsx b/src/pages/Register/RegisterPage.jsx
index f0547c3..f3bebaa 100644
--- a/src/pages/Register/RegisterPage.jsx
+++ b/src/pages/Register/RegisterPage.jsx
@@ -1,7 +1,7 @@
 import styles from "./RegisterPage.module.css";
 import Background from "../../components/background/background.jsx";
-import Input from "../../components/ui/input/input.jsx";
-import Button from "../../components/ui/button/button.jsx";
+import Input from "../../components/ui/input/input.tsx";
+import Button from "../../components/ui/button/button.tsx";
 import {useContext, useEffect, useState} from "react";
 import register from "../../utils/register.js";
 import { useNavigate } from "react-router";
diff --git a/src/pages/VolunteerProfile/components/manageMember/ManageMember.jsx b/src/pages/VolunteerProfile/components/manageMember/ManageMember.jsx
index 6266501..2ee7fc0 100644
--- a/src/pages/VolunteerProfile/components/manageMember/ManageMember.jsx
+++ b/src/pages/VolunteerProfile/components/manageMember/ManageMember.jsx
@@ -1,4 +1,4 @@
-import Button from "../../../../components/ui/button/button.jsx";
+import Button from "../../../../components/ui/button/button.tsx";
 import Modal from "../../../../components/ui/modal/modal.jsx";
 import {useContext, useState} from "react";
 import styles from "./manageMember.module.css"
diff --git a/src/pages/VolunteerProfile/components/manageMember/deactivateMember/deactivateMemberBtn.jsx b/src/pages/VolunteerProfile/components/manageMember/deactivateMember/deactivateMemberBtn.jsx
index ccb8390..af6c7af 100644
--- a/src/pages/VolunteerProfile/components/manageMember/deactivateMember/deactivateMemberBtn.jsx
+++ b/src/pages/VolunteerProfile/components/manageMember/deactivateMember/deactivateMemberBtn.jsx
@@ -1,4 +1,4 @@
-import Button from "../../../../../components/ui/button/button.jsx";
+import Button from "../../../../../components/ui/button/button.tsx";
 import Modal from "../../../../../components/ui/modal/modal.jsx";
 import { useState } from "react";
 import deactivateUser from "../../../../../utils/users/deactivateUser.js"
diff --git a/src/pages/VolunteerProfile/components/manageMember/modifyrole/ModifyRole.jsx b/src/pages/VolunteerProfile/components/manageMember/modifyrole/ModifyRole.jsx
index bc4d495..b5ac70b 100644
--- a/src/pages/VolunteerProfile/components/manageMember/modifyrole/ModifyRole.jsx
+++ b/src/pages/VolunteerProfile/components/manageMember/modifyrole/ModifyRole.jsx
@@ -1,5 +1,5 @@
 import styles from "../manageMember.module.css";
-import Button from "../../../../../components/ui/button/button.jsx";
+import Button from "../../../../../components/ui/button/button.tsx";
 import modifyRole from "../../../../../utils/users/modifyRole.js";
 import { useState, useEffect } from "react";
 import getRoles from "../../../../../utils/getRoles.js";
diff --git a/src/pages/Volunteers/VolunteerCard.jsx b/src/pages/Volunteers/VolunteerCard.jsx
index 144d708..f69f6df 100644
--- a/src/pages/Volunteers/VolunteerCard.jsx
+++ b/src/pages/Volunteers/VolunteerCard.jsx
@@ -2,7 +2,7 @@ import React, {useState} from "react";
 import styles from "./VolunteersPage.module.css";
 import formatDate from "../../utils/date/formatDate.js";
 import { useNavigate } from "react-router";
-import Button from "../../components/ui/button/button.jsx";
+import Button from "../../components/ui/button/button.tsx";
 
 export default function VolunteerCard({ user }) {
 
diff --git a/src/pages/eventDetail/components/EventTask/EventTask.jsx b/src/pages/eventDetail/components/EventTask/EventTask.jsx
index bbde7b6..2c60a79 100644
--- a/src/pages/eventDetail/components/EventTask/EventTask.jsx
+++ b/src/pages/eventDetail/components/EventTask/EventTask.jsx
@@ -1,6 +1,6 @@
 import styles from "./eventTask.module.css";
 import { formatDateLetter } from "../../../../utils/date/formatDateLetter.js";
-import Button from "../../../../components/ui/button/button.jsx";
+import Button from "../../../../components/ui/button/button.tsx";
 import assign from "../../../../utils/tasks/assign.js";
 import unAssign from "../../../../utils/tasks/unAssign.js";
 import { useContext, useEffect, useState } from "react";
diff --git a/src/pages/eventDetail/components/createTaskBtn/createTaskBtn.jsx b/src/pages/eventDetail/components/createTaskBtn/createTaskBtn.jsx
index 8862ada..a6bdb89 100644
--- a/src/pages/eventDetail/components/createTaskBtn/createTaskBtn.jsx
+++ b/src/pages/eventDetail/components/createTaskBtn/createTaskBtn.jsx
@@ -1,7 +1,7 @@
 import styles from "../../eventDetail.module.css";
-import Button from "../../../../components/ui/button/button.jsx";
+import Button from "../../../../components/ui/button/button.tsx";
 import {useContext, useState} from "react";
-import TextInput from "../../../../components/ui/input/input.jsx";
+import TextInput from "../../../../components/ui/input/input.tsx";
 import Modal from "../../../../components/ui/modal/modal.jsx";
 import createTaskApi from "../../../../utils/tasks/createTask.js";
 import {EventDetailContext} from "../../../../contexts/eventDetail/eventDetail.js";
diff --git a/src/pages/eventDetail/components/deleteEventBtn/deleteEventBtn.jsx b/src/pages/eventDetail/components/deleteEventBtn/deleteEventBtn.jsx
index 813a995..92eb5c3 100644
--- a/src/pages/eventDetail/components/deleteEventBtn/deleteEventBtn.jsx
+++ b/src/pages/eventDetail/components/deleteEventBtn/deleteEventBtn.jsx
@@ -1,5 +1,5 @@
 import styles from "../../eventDetail.module.css";
-import Button from "../../../../components/ui/button/button.jsx";
+import Button from "../../../../components/ui/button/button.tsx";
 import Modal from "../../../../components/ui/modal/modal.jsx";
 import { useContext, useState } from "react";
 import { EventDetailContext } from "../../../../contexts/eventDetail/eventDetail.js";
diff --git a/src/pages/eventDetail/components/deleteTaskBtn/deleteTaskBtn.jsx b/src/pages/eventDetail/components/deleteTaskBtn/deleteTaskBtn.jsx
index fdad16f..28f507a 100644
--- a/src/pages/eventDetail/components/deleteTaskBtn/deleteTaskBtn.jsx
+++ b/src/pages/eventDetail/components/deleteTaskBtn/deleteTaskBtn.jsx
@@ -1,7 +1,7 @@
 import { useContext } from "react";
 import { AuthContext } from "../../../../contexts/auth/AuthContext.js";
 import { EventDetailContext } from "../../../../contexts/eventDetail/eventDetail.js";
-import Button from "../../../../components/ui/button/button.jsx";
+import Button from "../../../../components/ui/button/button.tsx";
 import { useState } from "react";
 import Modal from "../../../../components/ui/modal/modal.jsx";
 import styles from "../../eventDetail.module.css";
diff --git a/src/pages/waitValidationPage/ValidationErrorPage.jsx b/src/pages/waitValidationPage/ValidationErrorPage.jsx
index aeff346..3086d77 100644
--- a/src/pages/waitValidationPage/ValidationErrorPage.jsx
+++ b/src/pages/waitValidationPage/ValidationErrorPage.jsx
@@ -1,6 +1,6 @@
 import styles from "./validationErrorPage.module.css"
 import Background from "../../components/background/background.jsx";
-import Button from "../../components/ui/button/button.jsx";
+import Button from "../../components/ui/button/button.tsx";
 import { useContext } from "react";
 import { AuthContext } from "../../contexts/auth/AuthContext.js";
 import { Navigate, useNavigate, Link } from "react-router";
diff --git a/src/stories/Button.stories.jsx b/src/stories/Button.stories.jsx
index 3f86188..3179067 100644
--- a/src/stories/Button.stories.jsx
+++ b/src/stories/Button.stories.jsx
@@ -1,6 +1,6 @@
 import { fn } from 'storybook/test';
 
-import Button from '../components/ui/button/button.jsx';
+import Button from '../components/ui/button/button.tsx';
 
 
 export default {
diff --git a/src/stories/Input.stories.jsx b/src/stories/Input.stories.jsx
index 1d3cc0c..86cd833 100644
--- a/src/stories/Input.stories.jsx
+++ b/src/stories/Input.stories.jsx
@@ -1,5 +1,5 @@
 import { useState } from "react";
-import TextInput from "../components/ui/input/input.jsx";
+import TextInput from "../components/ui/input/input.tsx";
 
 
 export default {
diff --git a/src/stories/Modal.stories.jsx b/src/stories/Modal.stories.jsx
index 1ece2ae..eb0b6ec 100644
--- a/src/stories/Modal.stories.jsx
+++ b/src/stories/Modal.stories.jsx
@@ -1,5 +1,5 @@
 import Modal from "../components/ui/modal/modal.jsx";
-import Button from "../components/ui/button/button.jsx";
+import Button from "../components/ui/button/button.tsx";
 import { useState } from "react";
 
 export default {

From d79f9f5c8459c3ca5d58ec9ebf2672bdae572085 Mon Sep 17 00:00:00 2001
From: T'JAMPENS QUENTIN p2406187 <pyramond69@gmail.com>
Date: Fri, 6 Feb 2026 15:07:32 +0100
Subject: [PATCH 10/14] Create registerMember admin component

---
 src/interfaces/response.interface.ts          |  4 ++
 src/pages/Admin/AdminPage.jsx                 | 13 ++----
 .../registerMember/registerMember.module.css  | 27 +++++++++++
 .../registerMember/registerMember.tsx         | 46 +++++++++++++++++++
 .../registerMember/responseData.inteface.ts   |  4 ++
 src/utils/users/adminCreateUser.ts            | 14 ++++++
 6 files changed, 98 insertions(+), 10 deletions(-)
 create mode 100644 src/interfaces/response.interface.ts
 create mode 100644 src/pages/Admin/components/registerMember/registerMember.module.css
 create mode 100644 src/pages/Admin/components/registerMember/registerMember.tsx
 create mode 100644 src/pages/Admin/components/registerMember/responseData.inteface.ts
 create mode 100644 src/utils/users/adminCreateUser.ts

diff --git a/src/interfaces/response.interface.ts b/src/interfaces/response.interface.ts
new file mode 100644
index 0000000..5f7e27e
--- /dev/null
+++ b/src/interfaces/response.interface.ts
@@ -0,0 +1,4 @@
+export default interface Response<T> {
+    status: number;
+    data: T;
+}
\ No newline at end of file
diff --git a/src/pages/Admin/AdminPage.jsx b/src/pages/Admin/AdminPage.jsx
index b8cf562..c300ff8 100644
--- a/src/pages/Admin/AdminPage.jsx
+++ b/src/pages/Admin/AdminPage.jsx
@@ -1,10 +1,10 @@
-import { useState, useContext } from "react";
+import { useContext } from "react";
 import styles from "./AdminPage.module.css";
-import ParticipationChart from "./components/chart/ParticipationChart.jsx";
 import IncompleteEvents from "./components/IncompleteEvent/IncompleteEvent.jsx";
 import PendingMembers from "./components/pendingMembers/PendingMembers.jsx";
 import { AuthContext } from "../../contexts/auth/AuthContext.js";
 import { useNavigate } from "react-router";
+import RegisterMember from "./components/registerMember/registerMember.tsx";
 
 
 function AdminPage() {
@@ -12,18 +12,11 @@ function AdminPage() {
     const { user } = useContext(AuthContext);
     const navigate = useNavigate();
 
-    const [selected, setSelected] = useState("3");
-    const [participationRate] = useState(89);
-
     if(!user.isAdmin) navigate("/");
 
     return (
         <div className={styles.container}>
-            <ParticipationChart
-                selected={selected}
-                setSelected={setSelected}
-                participationRate={participationRate}
-            />
+            <RegisterMember />
             <div className={styles.rightSection}>
                 <IncompleteEvents />
                 <PendingMembers />
diff --git a/src/pages/Admin/components/registerMember/registerMember.module.css b/src/pages/Admin/components/registerMember/registerMember.module.css
new file mode 100644
index 0000000..071f79b
--- /dev/null
+++ b/src/pages/Admin/components/registerMember/registerMember.module.css
@@ -0,0 +1,27 @@
+.leftBlock {
+    width: 40%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    height: 100%;
+    min-height: calc(100vh - 260px);
+    box-sizing: border-box;
+    padding: 20px;
+    margin: 0;
+}
+
+.registerMemberHeader {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    margin-bottom: 10px;
+}
+
+.registerForm {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+    align-items: center;
+    justify-content: center;
+}
\ No newline at end of file
diff --git a/src/pages/Admin/components/registerMember/registerMember.tsx b/src/pages/Admin/components/registerMember/registerMember.tsx
new file mode 100644
index 0000000..eec292b
--- /dev/null
+++ b/src/pages/Admin/components/registerMember/registerMember.tsx
@@ -0,0 +1,46 @@
+import React, { useState } from "react"
+import styles from "./registerMember.module.css"
+import TextInput from "../../../../components/ui/input/input"
+import Button from "../../../../components/ui/button/button";
+import Response from "../../../../interfaces/response.interface";
+import ResponseData from "./responseData.inteface";
+import adminCreateUser from "../../../../utils/users/adminCreateUser";
+
+
+const RegisterMember: React.FC = () => {
+
+    const [name, setName] = useState<string>("");
+    const [lastname, setLastName] = useState<string>("");
+    const [email, setEmail] = useState<string>("");
+    const [phone, setPhone] = useState<string>("");
+    const [password, setPassword] = useState<string>("");
+
+
+    const handleCreate = async (): Promise<void> => {
+
+        if(name !== "" || lastname !== "" || email !== "" || phone !== "" ) {
+            const response: Response<ResponseData> = await adminCreateUser(email, name, lastname, phone);
+            if(response.status === 200) setPassword(response.data.password);
+        }
+
+    }
+
+    return <div className={`${styles.leftBlock} glassCard`}>
+        <div className={styles.registerMemberHeader}>
+            <h2>Enregister un bénévole</h2>
+        </div>
+
+        <div className={styles.registerForm}>
+            <TextInput placeholder={"Prenom"} type={"text"} value={name} onChange={e => setName(e.target.value)}  />
+            <TextInput placeholder={"Nom"} type={"text"} value={lastname} onChange={e => setLastName(e.target.value)}  />
+            <TextInput placeholder={"Adresse Email"} type={"text"} value={email} onChange={e => setEmail(e.target.value)}  />
+            <TextInput placeholder={"Numéro de téléphone"} type={"text"} value={phone} onChange={e => setPhone(e.target.value)}  />
+
+            <p>{password !== "" && `Mot de passe: ${password}`}</p>
+
+            <Button variant={"default"} onClick={handleCreate}>Enregistrer</Button>
+        </div>
+    </div>
+}
+
+export default RegisterMember
\ No newline at end of file
diff --git a/src/pages/Admin/components/registerMember/responseData.inteface.ts b/src/pages/Admin/components/registerMember/responseData.inteface.ts
new file mode 100644
index 0000000..528d1d3
--- /dev/null
+++ b/src/pages/Admin/components/registerMember/responseData.inteface.ts
@@ -0,0 +1,4 @@
+export default interface ResponseData {
+    message: string;
+    password: string;
+}
\ No newline at end of file
diff --git a/src/utils/users/adminCreateUser.ts b/src/utils/users/adminCreateUser.ts
new file mode 100644
index 0000000..01860d3
--- /dev/null
+++ b/src/utils/users/adminCreateUser.ts
@@ -0,0 +1,14 @@
+import fetchWrapper from "../fetchWrapper.js";
+import getXSRFToken from "../getXSRF.js";
+import Response from "../../interfaces/response.interface";
+
+export default async function adminCreateUser(email: string, name: string, lastname: string, phone: string): Promise<Response> {
+    const csrfToken = await getXSRFToken();
+
+    return fetchWrapper(
+        "/api/users/create",
+        { email, name, lastname, phone },
+        "POST",
+        { "X-XSRF-TOKEN": csrfToken }
+    );
+}

From 3c992d5df7da0ef2dd60c9065c18b362c7078645 Mon Sep 17 00:00:00 2001
From: T'JAMPENS QUENTIN p2406187 <pyramond69@gmail.com>
Date: Fri, 6 Feb 2026 15:11:03 +0100
Subject: [PATCH 11/14] Convert Modal component to Typescript

---
 src/components/Footer/Footer.jsx                    |  2 +-
 src/components/createEventBtn/CreateEventBtn.jsx    |  2 +-
 src/components/ui/modal/{modal.jsx => modal.tsx}    | 13 ++++++++++---
 .../components/pendingMembers/PendingMembers.jsx    |  2 +-
 src/pages/Login/components/loginform/loginForm.jsx  |  2 +-
 .../components/SettingsModal/SettingsModal.jsx      |  2 +-
 src/pages/Register/RegisterPage.jsx                 |  2 +-
 .../components/manageMember/ManageMember.jsx        |  2 +-
 .../deactivateMember/deactivateMemberBtn.jsx        |  2 +-
 .../manageMember/modifyrole/ModifyRole.jsx          |  2 +-
 .../eventDetail/components/EventTask/EventTask.jsx  |  2 +-
 .../components/createTaskBtn/createTaskBtn.jsx      |  2 +-
 .../components/deleteEventBtn/deleteEventBtn.jsx    |  2 +-
 .../components/deleteTaskBtn/deleteTaskBtn.jsx      |  2 +-
 src/stories/Modal.stories.jsx                       |  2 +-
 15 files changed, 24 insertions(+), 17 deletions(-)
 rename src/components/ui/modal/{modal.jsx => modal.tsx} (67%)

diff --git a/src/components/Footer/Footer.jsx b/src/components/Footer/Footer.jsx
index 754f071..d5ded57 100644
--- a/src/components/Footer/Footer.jsx
+++ b/src/components/Footer/Footer.jsx
@@ -1,7 +1,7 @@
 import styles from "./Footer.module.css"
 import {Link} from "react-router";
 import {useState} from "react";
-import Modal from "../ui/modal/modal.jsx";
+import Modal from "../ui/modal/modal.tsx";
 import Button from "../ui/button/button.tsx";
 import scrollToTop from "../../utils/scrollToTop.js";
 
diff --git a/src/components/createEventBtn/CreateEventBtn.jsx b/src/components/createEventBtn/CreateEventBtn.jsx
index becbc76..019b836 100644
--- a/src/components/createEventBtn/CreateEventBtn.jsx
+++ b/src/components/createEventBtn/CreateEventBtn.jsx
@@ -1,6 +1,6 @@
 import styles from "./createEventBtn.module.css"
 import { useState, useContext } from "react";
-import Modal from "../ui/modal/modal.jsx";
+import Modal from "../ui/modal/modal.tsx";
 import Button from "../ui/button/button.tsx";
 import TextInput from "../ui/input/input.tsx";
 import { EventContext } from "../../contexts/events/EventContext.js";
diff --git a/src/components/ui/modal/modal.jsx b/src/components/ui/modal/modal.tsx
similarity index 67%
rename from src/components/ui/modal/modal.jsx
rename to src/components/ui/modal/modal.tsx
index 82d60a2..46db76f 100644
--- a/src/components/ui/modal/modal.jsx
+++ b/src/components/ui/modal/modal.tsx
@@ -1,16 +1,23 @@
+import { ReactNode, MouseEvent } from "react";
 import { createPortal } from "react-dom";
 import styles from "./modal.module.css";
-import Button from "../button/button.tsx";
+import Button from "../button/button";
 
-const Modal = ({ open, onClose, children, title }) => {
+interface ModalProps {
+    open: boolean;
+    onClose: () => void;
+    children: ReactNode;
+    title?: string;
+}
 
+const Modal = ({ open, onClose, children, title }: ModalProps) => {
     if (!open) return null;
 
     const handleOverlayClick = () => {
         onClose();
     };
 
-    const handleModalClick = (e) => {
+    const handleModalClick = (e: MouseEvent<HTMLDivElement>) => {
         e.stopPropagation();
     };
 
diff --git a/src/pages/Admin/components/pendingMembers/PendingMembers.jsx b/src/pages/Admin/components/pendingMembers/PendingMembers.jsx
index 151856e..19b1a1a 100644
--- a/src/pages/Admin/components/pendingMembers/PendingMembers.jsx
+++ b/src/pages/Admin/components/pendingMembers/PendingMembers.jsx
@@ -1,7 +1,7 @@
 import React, {useState, useEffect} from "react";
 import Button from "../../../../components/ui/button/button.tsx";
 import styles from "./PendingMembers.module.css";
-import Modal from "../../../../components/ui/modal/modal.jsx";
+import Modal from "../../../../components/ui/modal/modal.tsx";
 import getUserToValidate from "../../../../utils/users/getUserToValidate.js";
 import getUserById from "../../../../utils/users/getUserById.js";
 import validateUser from "../../../../utils/users/validateUser.js";
diff --git a/src/pages/Login/components/loginform/loginForm.jsx b/src/pages/Login/components/loginform/loginForm.jsx
index 80654f3..b4b3338 100644
--- a/src/pages/Login/components/loginform/loginForm.jsx
+++ b/src/pages/Login/components/loginform/loginForm.jsx
@@ -2,7 +2,7 @@ import { useState, useContext } from "react";
 import styles from "./loginForm.module.css";
 import Button from "../../../../components/ui/button/button.tsx";
 import Input from "../../../../components/ui/input/input.tsx";
-import Modal from "../../../../components/ui/modal/modal.jsx";
+import Modal from "../../../../components/ui/modal/modal.tsx";
 import { useNavigate } from "react-router";
 import { AuthContext } from "../../../../contexts/auth/AuthContext.js";
 
diff --git a/src/pages/Profile/components/SettingsModal/SettingsModal.jsx b/src/pages/Profile/components/SettingsModal/SettingsModal.jsx
index a831fba..c5e0ff3 100644
--- a/src/pages/Profile/components/SettingsModal/SettingsModal.jsx
+++ b/src/pages/Profile/components/SettingsModal/SettingsModal.jsx
@@ -1,4 +1,4 @@
-import Modal from "../../../../components/ui/modal/modal.jsx";
+import Modal from "../../../../components/ui/modal/modal.tsx";
 import Button from "../../../../components/ui/button/button.tsx";
 import styles from "./SettingsModal.module.css"
 import { useContext, useState } from "react";
diff --git a/src/pages/Register/RegisterPage.jsx b/src/pages/Register/RegisterPage.jsx
index f3bebaa..48c9751 100644
--- a/src/pages/Register/RegisterPage.jsx
+++ b/src/pages/Register/RegisterPage.jsx
@@ -6,7 +6,7 @@ import {useContext, useEffect, useState} from "react";
 import register from "../../utils/register.js";
 import { useNavigate } from "react-router";
 import { AuthContext } from "../../contexts/auth/AuthContext.js";
-import Modal from "../../components/ui/modal/modal.jsx";
+import Modal from "../../components/ui/modal/modal.tsx";
 
 
 function RegisterPage() {
diff --git a/src/pages/VolunteerProfile/components/manageMember/ManageMember.jsx b/src/pages/VolunteerProfile/components/manageMember/ManageMember.jsx
index 2ee7fc0..46f8ac2 100644
--- a/src/pages/VolunteerProfile/components/manageMember/ManageMember.jsx
+++ b/src/pages/VolunteerProfile/components/manageMember/ManageMember.jsx
@@ -1,5 +1,5 @@
 import Button from "../../../../components/ui/button/button.tsx";
-import Modal from "../../../../components/ui/modal/modal.jsx";
+import Modal from "../../../../components/ui/modal/modal.tsx";
 import {useContext, useState} from "react";
 import styles from "./manageMember.module.css"
 import DeactivateMemberBtn from "./deactivateMember/deactivateMemberBtn.jsx";
diff --git a/src/pages/VolunteerProfile/components/manageMember/deactivateMember/deactivateMemberBtn.jsx b/src/pages/VolunteerProfile/components/manageMember/deactivateMember/deactivateMemberBtn.jsx
index af6c7af..2f586f6 100644
--- a/src/pages/VolunteerProfile/components/manageMember/deactivateMember/deactivateMemberBtn.jsx
+++ b/src/pages/VolunteerProfile/components/manageMember/deactivateMember/deactivateMemberBtn.jsx
@@ -1,5 +1,5 @@
 import Button from "../../../../../components/ui/button/button.tsx";
-import Modal from "../../../../../components/ui/modal/modal.jsx";
+import Modal from "../../../../../components/ui/modal/modal.tsx";
 import { useState } from "react";
 import deactivateUser from "../../../../../utils/users/deactivateUser.js"
 import { useNavigate } from "react-router";
diff --git a/src/pages/VolunteerProfile/components/manageMember/modifyrole/ModifyRole.jsx b/src/pages/VolunteerProfile/components/manageMember/modifyrole/ModifyRole.jsx
index b5ac70b..9f847f4 100644
--- a/src/pages/VolunteerProfile/components/manageMember/modifyrole/ModifyRole.jsx
+++ b/src/pages/VolunteerProfile/components/manageMember/modifyrole/ModifyRole.jsx
@@ -3,7 +3,7 @@ import Button from "../../../../../components/ui/button/button.tsx";
 import modifyRole from "../../../../../utils/users/modifyRole.js";
 import { useState, useEffect } from "react";
 import getRoles from "../../../../../utils/getRoles.js";
-import Modal from "../../../../../components/ui/modal/modal.jsx";
+import Modal from "../../../../../components/ui/modal/modal.tsx";
 
 export default function ModifyRole({ user }) {
 
diff --git a/src/pages/eventDetail/components/EventTask/EventTask.jsx b/src/pages/eventDetail/components/EventTask/EventTask.jsx
index 2c60a79..ff10dbb 100644
--- a/src/pages/eventDetail/components/EventTask/EventTask.jsx
+++ b/src/pages/eventDetail/components/EventTask/EventTask.jsx
@@ -5,7 +5,7 @@ import assign from "../../../../utils/tasks/assign.js";
 import unAssign from "../../../../utils/tasks/unAssign.js";
 import { useContext, useEffect, useState } from "react";
 import isAssigned from "../../../../utils/tasks/isAssigned.js";
-import Modal from "../../../../components/ui/modal/modal.jsx";
+import Modal from "../../../../components/ui/modal/modal.tsx";
 import { AuthContext } from "../../../../contexts/auth/AuthContext.js";
 import DeleteTaskBtn from "../deleteTaskBtn/deleteTaskBtn.jsx";
 
diff --git a/src/pages/eventDetail/components/createTaskBtn/createTaskBtn.jsx b/src/pages/eventDetail/components/createTaskBtn/createTaskBtn.jsx
index a6bdb89..6ad9d4b 100644
--- a/src/pages/eventDetail/components/createTaskBtn/createTaskBtn.jsx
+++ b/src/pages/eventDetail/components/createTaskBtn/createTaskBtn.jsx
@@ -2,7 +2,7 @@ import styles from "../../eventDetail.module.css";
 import Button from "../../../../components/ui/button/button.tsx";
 import {useContext, useState} from "react";
 import TextInput from "../../../../components/ui/input/input.tsx";
-import Modal from "../../../../components/ui/modal/modal.jsx";
+import Modal from "../../../../components/ui/modal/modal.tsx";
 import createTaskApi from "../../../../utils/tasks/createTask.js";
 import {EventDetailContext} from "../../../../contexts/eventDetail/eventDetail.js";
 
diff --git a/src/pages/eventDetail/components/deleteEventBtn/deleteEventBtn.jsx b/src/pages/eventDetail/components/deleteEventBtn/deleteEventBtn.jsx
index 92eb5c3..c3b4383 100644
--- a/src/pages/eventDetail/components/deleteEventBtn/deleteEventBtn.jsx
+++ b/src/pages/eventDetail/components/deleteEventBtn/deleteEventBtn.jsx
@@ -1,6 +1,6 @@
 import styles from "../../eventDetail.module.css";
 import Button from "../../../../components/ui/button/button.tsx";
-import Modal from "../../../../components/ui/modal/modal.jsx";
+import Modal from "../../../../components/ui/modal/modal.tsx";
 import { useContext, useState } from "react";
 import { EventDetailContext } from "../../../../contexts/eventDetail/eventDetail.js";
 import { EventContext } from "../../../../contexts/events/EventContext.js";
diff --git a/src/pages/eventDetail/components/deleteTaskBtn/deleteTaskBtn.jsx b/src/pages/eventDetail/components/deleteTaskBtn/deleteTaskBtn.jsx
index 28f507a..90a749b 100644
--- a/src/pages/eventDetail/components/deleteTaskBtn/deleteTaskBtn.jsx
+++ b/src/pages/eventDetail/components/deleteTaskBtn/deleteTaskBtn.jsx
@@ -3,7 +3,7 @@ import { AuthContext } from "../../../../contexts/auth/AuthContext.js";
 import { EventDetailContext } from "../../../../contexts/eventDetail/eventDetail.js";
 import Button from "../../../../components/ui/button/button.tsx";
 import { useState } from "react";
-import Modal from "../../../../components/ui/modal/modal.jsx";
+import Modal from "../../../../components/ui/modal/modal.tsx";
 import styles from "../../eventDetail.module.css";
 
 export default function DeleteTaskBtn({ taskId, eventId, taskName }) {
diff --git a/src/stories/Modal.stories.jsx b/src/stories/Modal.stories.jsx
index eb0b6ec..0983105 100644
--- a/src/stories/Modal.stories.jsx
+++ b/src/stories/Modal.stories.jsx
@@ -1,4 +1,4 @@
-import Modal from "../components/ui/modal/modal.jsx";
+import Modal from "../components/ui/modal/modal.tsx";
 import Button from "../components/ui/button/button.tsx";
 import { useState } from "react";
 

From c5d4edb8a1b2d9c913730600169ed8acb8cd5036 Mon Sep 17 00:00:00 2001
From: T'JAMPENS QUENTIN p2406187 <pyramond69@gmail.com>
Date: Fri, 6 Feb 2026 15:23:35 +0100
Subject: [PATCH 12/14] Control errors and feedback

---
 .../registerMember/registerMember.module.css  |  4 +++
 .../registerMember/registerMember.tsx         | 32 +++++++++++++++++--
 2 files changed, 34 insertions(+), 2 deletions(-)

diff --git a/src/pages/Admin/components/registerMember/registerMember.module.css b/src/pages/Admin/components/registerMember/registerMember.module.css
index 071f79b..d35ed3b 100644
--- a/src/pages/Admin/components/registerMember/registerMember.module.css
+++ b/src/pages/Admin/components/registerMember/registerMember.module.css
@@ -24,4 +24,8 @@
     gap: 10px;
     align-items: center;
     justify-content: center;
+}
+
+.modalContent {
+    text-align: center;
 }
\ No newline at end of file
diff --git a/src/pages/Admin/components/registerMember/registerMember.tsx b/src/pages/Admin/components/registerMember/registerMember.tsx
index eec292b..79b6ff9 100644
--- a/src/pages/Admin/components/registerMember/registerMember.tsx
+++ b/src/pages/Admin/components/registerMember/registerMember.tsx
@@ -5,6 +5,7 @@ import Button from "../../../../components/ui/button/button";
 import Response from "../../../../interfaces/response.interface";
 import ResponseData from "./responseData.inteface";
 import adminCreateUser from "../../../../utils/users/adminCreateUser";
+import Modal from "../../../../components/ui/modal/modal";
 
 
 const RegisterMember: React.FC = () => {
@@ -15,14 +16,36 @@ const RegisterMember: React.FC = () => {
     const [phone, setPhone] = useState<string>("");
     const [password, setPassword] = useState<string>("");
 
+    const [open, setOpen] = useState<boolean>(false);
+    const [title, setTitle] = useState<string>("");
+    const [message, setMessage] = useState<string>("");
+
 
     const handleCreate = async (): Promise<void> => {
 
         if(name !== "" || lastname !== "" || email !== "" || phone !== "" ) {
             const response: Response<ResponseData> = await adminCreateUser(email, name, lastname, phone);
-            if(response.status === 200) setPassword(response.data.password);
+            if(response.status === 200) {
+                setPassword(response.data.password);
+                setTitle(`Utilisateur enregistré avec succès`);
+                setMessage(`L'utilisateur ${name} ${lastname} a été enregistré avec le mot de passe: ${response.data.password}`);
+                setOpen(true);
+            } else {
+                setTitle(`Erreur`);
+                setMessage(`Une erreur est survenue lors de l'enregistrement de ${name} ${lastname}`);
+                setOpen(true);
+            }
+        } else {
+            setTitle("Erreur");
+            setMessage("Un des champs n'a pas été rempli");
+            setOpen(true);
         }
+    }
 
+    const showPassword = (): void => {
+        setTitle(`Mot de passe de ${name} ${lastname}`);
+        setMessage(password);
+        setOpen(true);
     }
 
     return <div className={`${styles.leftBlock} glassCard`}>
@@ -36,10 +59,15 @@ const RegisterMember: React.FC = () => {
             <TextInput placeholder={"Adresse Email"} type={"text"} value={email} onChange={e => setEmail(e.target.value)}  />
             <TextInput placeholder={"Numéro de téléphone"} type={"text"} value={phone} onChange={e => setPhone(e.target.value)}  />
 
-            <p>{password !== "" && `Mot de passe: ${password}`}</p>
+            {password !== "" && <Button onClick={showPassword}> Afficher le mot de passe </Button>}
 
             <Button variant={"default"} onClick={handleCreate}>Enregistrer</Button>
         </div>
+
+        <Modal open={open} onClose={() => setOpen(false)} title={title}>
+            <p className={styles.modalContent}>{message}</p>
+        </Modal>
+
     </div>
 }
 

From 461b39718b071f633ff31fbee69ea0bb8fb1c44e Mon Sep 17 00:00:00 2001
From: T'JAMPENS QUENTIN p2406187 <pyramond69@gmail.com>
Date: Fri, 6 Feb 2026 15:30:41 +0100
Subject: [PATCH 13/14] Fix empty check

---
 .../Admin/components/registerMember/registerMember.tsx      | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/pages/Admin/components/registerMember/registerMember.tsx b/src/pages/Admin/components/registerMember/registerMember.tsx
index 79b6ff9..e233176 100644
--- a/src/pages/Admin/components/registerMember/registerMember.tsx
+++ b/src/pages/Admin/components/registerMember/registerMember.tsx
@@ -23,7 +23,7 @@ const RegisterMember: React.FC = () => {
 
     const handleCreate = async (): Promise<void> => {
 
-        if(name !== "" || lastname !== "" || email !== "" || phone !== "" ) {
+        if(name !== "" && lastname !== "" && email !== "" && phone !== "" ) {
             const response: Response<ResponseData> = await adminCreateUser(email, name, lastname, phone);
             if(response.status === 200) {
                 setPassword(response.data.password);
@@ -56,8 +56,8 @@ const RegisterMember: React.FC = () => {
         <div className={styles.registerForm}>
             <TextInput placeholder={"Prenom"} type={"text"} value={name} onChange={e => setName(e.target.value)}  />
             <TextInput placeholder={"Nom"} type={"text"} value={lastname} onChange={e => setLastName(e.target.value)}  />
-            <TextInput placeholder={"Adresse Email"} type={"text"} value={email} onChange={e => setEmail(e.target.value)}  />
-            <TextInput placeholder={"Numéro de téléphone"} type={"text"} value={phone} onChange={e => setPhone(e.target.value)}  />
+            <TextInput placeholder={"Adresse Email"} type={"email"} value={email} onChange={e => setEmail(e.target.value)}  />
+            <TextInput placeholder={"Numéro de téléphone"} type={"tel"} value={phone} onChange={e => setPhone(e.target.value)}  />
 
             {password !== "" && <Button onClick={showPassword}> Afficher le mot de passe </Button>}
 

From 155d510125f221b183ab60e1942c86f82b83dfde Mon Sep 17 00:00:00 2001
From: T'JAMPENS QUENTIN p2406187 <pyramond69@gmail.com>
Date: Tue, 10 Feb 2026 14:14:08 +0100
Subject: [PATCH 14/14] Fix style

---
 .../registerMember/registerMember.module.css  | 37 +++++++++++++++----
 1 file changed, 29 insertions(+), 8 deletions(-)

diff --git a/src/pages/Admin/components/registerMember/registerMember.module.css b/src/pages/Admin/components/registerMember/registerMember.module.css
index d35ed3b..b15de9f 100644
--- a/src/pages/Admin/components/registerMember/registerMember.module.css
+++ b/src/pages/Admin/components/registerMember/registerMember.module.css
@@ -1,13 +1,13 @@
 .leftBlock {
-    width: 40%;
+    width: 100%;
+    max-width: 720px;
     display: flex;
     flex-direction: column;
     align-items: center;
-    height: 100%;
     min-height: calc(100vh - 260px);
     box-sizing: border-box;
     padding: 20px;
-    margin: 0;
+    margin: 0 auto;
 }
 
 .registerMemberHeader {
@@ -15,17 +15,38 @@
     align-items: center;
     justify-content: center;
     width: 100%;
-    margin-bottom: 10px;
+    margin-bottom: 20px;
 }
 
 .registerForm {
+    width: 100%;
     display: flex;
     flex-direction: column;
-    gap: 10px;
-    align-items: center;
-    justify-content: center;
+    gap: 16px;
+    align-items: stretch;
+}
+
+.registerForm input {
+    width: 100%;
+    box-sizing: border-box;
+}
+
+.registerForm button {
+    width: 100%;
 }
 
 .modalContent {
     text-align: center;
-}
\ No newline at end of file
+}
+
+@media (min-width: 768px) {
+    .leftBlock {
+        width: 70%;
+    }
+}
+
+@media (min-width: 1024px) {
+    .leftBlock {
+        width: 40%;
+    }
+}