feat: implement auto-sharing functionality for session creation across motivators, weekly check-ins, and year reviews, enhancing collaboration capabilities

src/app/motivators/new/page.tsx

@@ -10,6 +10,7 @@ import {
   CardContent,
   Button,
   Input,
+  ParticipantInput,
 } from '@/components/ui';
 import { createMotivatorSession } from '@/actions/moving-motivators';
 
@@ -72,12 +73,7 @@ export default function NewMotivatorSessionPage() {
               required
             />
 
-            <Input
-              label="Nom du participant"
-              name="participant"
-              placeholder="Ex: Jean Dupont"
-              required
-            />
+            <ParticipantInput name="participant" required />
 
             <div className="rounded-lg border border-border bg-card-hover p-4">
               <h3 className="font-medium text-foreground mb-2">Comment ça marche ?</h3>