feat(dashboard): Fixes #138 - Dashboard membres et teams

Author: RustyRory

saintBarthVolleyApp/frontend/src/app/reset-password/page.tsx

@@ -1,7 +1,7 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 "use client";
 
-import { useState } from "react";
+import { Suspense, useState } from "react";
 import { useSearchParams, useRouter } from "next/navigation";
 import { authApi } from "@/lib/auth";
 import { Button } from "@/components/ui/button";
@@ -15,7 +15,7 @@ import {
 import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
 
-export default function ResetPasswordPage() {
+function ResetPasswordForm() {
   const searchParams = useSearchParams();
   const router = useRouter();
 
@@ -59,7 +59,7 @@ export default function ResetPasswordPage() {
       <div className="flex min-h-svh items-center justify-center p-6">
         <Card>
           <CardHeader>
-            <CardTitle>Mot de passe mis à jour ✅</CardTitle>
+            <CardTitle>Mot de passe mis à jour</CardTitle>
             <CardDescription>{message}</CardDescription>
           </CardHeader>
           <CardContent>
@@ -117,3 +117,11 @@ export default function ResetPasswordPage() {
     </div>
   );
 }
+
+export default function ResetPasswordPage() {
+  return (
+    <Suspense fallback={<div className="flex min-h-svh items-center justify-center">Chargement...</div>}>
+      <ResetPasswordForm />
+    </Suspense>
+  );
+}

saintBarthVolleyApp/frontend/src/app/verify-email/page.tsx

@@ -1,8 +1,7 @@
-/* eslint-disable react-hooks/set-state-in-effect */
 /* eslint-disable @typescript-eslint/no-explicit-any */
 "use client";
 
-import { useEffect, useState } from "react";
+import { Suspense, useEffect, useState } from "react";
 import { useSearchParams, useRouter } from "next/navigation";
 import { apiFetch } from "@/lib/api";
 import type { ApiMessage } from "@/lib/auth";
@@ -15,7 +14,7 @@ import {
 } from "@/components/ui/card";
 import { Button } from "@/components/ui/button";
 
-export default function VerifyEmailPage() {
+function VerifyEmailContent() {
   const searchParams = useSearchParams();
   const router = useRouter();
 
@@ -77,3 +76,11 @@ export default function VerifyEmailPage() {
     </div>
   );
 }
+
+export default function VerifyEmailPage() {
+  return (
+    <Suspense fallback={<div className="flex min-h-svh items-center justify-center">Chargement...</div>}>
+      <VerifyEmailContent />
+    </Suspense>
+  );
+}