refactor: extract Icons and InlineFormActions UI components

- Add Icons.tsx: IconEdit, IconTrash, IconDuplicate, IconPlus, IconCheck, IconClose
- Add InlineFormActions.tsx: unified Annuler/Ajouter-Enregistrer button pair
- Replace inline SVGs in SwotCard, YearReviewCard, WeeklyCheckInCard, SwotQuadrant,
  YearReviewSection, WeeklyCheckInSection, EditableTitle, Modal, GifMoodCard

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/components/weekly-checkin/WeeklyCheckInSection.tsx

@@ -4,6 +4,7 @@ import { forwardRef, useState, useTransition, useRef, ReactNode } from 'react';
 import type { WeeklyCheckInCategory } from '@prisma/client';
 import { createWeeklyCheckInItem } from '@/actions/weekly-checkin';
 import { WEEKLY_CHECK_IN_BY_CATEGORY, EMOTION_BY_TYPE } from '@/lib/types';
+import { IconPlus, InlineFormActions } from '@/components/ui';
 import { Select } from '@/components/ui/Select';
 
 interface WeeklyCheckInSectionProps {
@@ -82,14 +83,7 @@ export const WeeklyCheckInSection = forwardRef<HTMLDivElement, WeeklyCheckInSect
             className="rounded-lg p-1.5 transition-colors hover:bg-card-hover text-muted hover:text-foreground"
             aria-label={`Ajouter un item ${config.title}`}
           >
-            <svg className="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-              <path
-                strokeLinecap="round"
-                strokeLinejoin="round"
-                strokeWidth={2}
-                d="M12 4v16m8-8H4"
-              />
-            </svg>
+            <IconPlus />
           </button>
         </div>
 
@@ -138,29 +132,12 @@ export const WeeklyCheckInSection = forwardRef<HTMLDivElement, WeeklyCheckInSect
                     label: `${em.icon} ${em.label}`,
                   }))}
                 />
-                <div className="flex gap-1">
-                  <button
-                    onClick={() => {
-                      setIsAdding(false);
-                      setNewContent('');
-                      setNewEmotion('NONE');
-                    }}
-                    className="rounded px-2 py-1 text-xs text-muted hover:bg-card-hover"
-                    disabled={isPending}
-                  >
-                    Annuler
-                  </button>
-                  <button
-                    onMouseDown={(e) => {
-                      e.preventDefault(); // Prevent blur from textarea
-                    }}
-                    onClick={handleAdd}
-                    disabled={isPending || !newContent.trim()}
-                    className="rounded px-2 py-1 text-xs font-medium text-primary hover:bg-primary/10 disabled:opacity-50"
-                  >
-                    {isPending ? '...' : 'Ajouter'}
-                  </button>
-                </div>
+                <InlineFormActions
+                  onCancel={() => { setIsAdding(false); setNewContent(''); setNewEmotion('NONE'); }}
+                  onSubmit={handleAdd}
+                  isPending={isPending}
+                  disabled={!newContent.trim()}
+                />
               </div>
             </div>
           )}