refactor(ui): unify low-level controls and expand design system

src/components/moving-motivators/MotivatorBoard.tsx

@@ -17,6 +17,7 @@ import {
   arrayMove,
 } from '@dnd-kit/sortable';
 import type { MotivatorCard as MotivatorCardType } from '@/lib/types';
+import { Button } from '@/components/ui';
 import { MotivatorCard } from './MotivatorCard';
 import { MotivatorSummary } from './MotivatorSummary';
 import { InfluenceZone } from './InfluenceZone';
@@ -167,12 +168,9 @@ export function MotivatorBoard({ sessionId, cards: initialCards, canEdit }: Moti
 
           {/* Next button */}
           <div className="flex justify-end">
-            <button
-              onClick={nextStep}
-              className="px-6 py-2 bg-primary text-primary-foreground rounded-lg font-medium hover:bg-primary/90 transition-colors"
-            >
+            <Button onClick={nextStep} className="px-6">
               Suivant →
-            </button>
+            </Button>
           </div>
         </div>
       )}
@@ -197,18 +195,12 @@ export function MotivatorBoard({ sessionId, cards: initialCards, canEdit }: Moti
 
           {/* Navigation buttons */}
           <div className="flex justify-between">
-            <button
-              onClick={prevStep}
-              className="px-6 py-2 border border-border rounded-lg font-medium hover:bg-card transition-colors"
-            >
+            <Button onClick={prevStep} variant="outline" className="px-6">
               ← Retour
-            </button>
-            <button
-              onClick={nextStep}
-              className="px-6 py-2 bg-primary text-primary-foreground rounded-lg font-medium hover:bg-primary/90 transition-colors"
-            >
+            </Button>
+            <Button onClick={nextStep} className="px-6">
               Voir le récapitulatif →
-            </button>
+            </Button>
           </div>
         </div>
       )}
@@ -226,12 +218,9 @@ export function MotivatorBoard({ sessionId, cards: initialCards, canEdit }: Moti
 
           {/* Navigation buttons */}
           <div className="flex justify-start">
-            <button
-              onClick={prevStep}
-              className="px-6 py-2 border border-border rounded-lg font-medium hover:bg-card transition-colors"
-            >
+            <Button onClick={prevStep} variant="outline" className="px-6">
               ← Modifier
-            </button>
+            </Button>
           </div>
         </div>
       )}