refactor(front) : suites review ERP-101 — i18n libelles toast + factorisation useClientFormErrors

- libelles de toast generiques passes en i18n (errors.title/generic/unknown,
  success.title) dans useFormErrors, useApi et useCategoryForm
- nouveau composable useClientFormErrors : factorise l'etat d'erreurs
  (3 useFormErrors scalaires + 3 tableaux par ligne + mapRowError) partage
  entre clients/new.vue et [id]/edit.vue
- mapRowError retourne un booleen et ne toaste plus : chaque page garde son
  fallback (toast generique en creation, showError en edition)

frontend/shared/composables/__tests__/useFormErrors.test.ts

@@ -3,6 +3,8 @@ import { useFormErrors } from '../useFormErrors'
 
 const mockToastError = vi.hoisted(() => vi.fn())
 vi.stubGlobal('useToast', () => ({ error: mockToastError, success: vi.fn() }))
+// useI18n stub : renvoie la cle telle quelle (pour asserter dessus).
+vi.stubGlobal('useI18n', () => ({ t: (key: string) => key }))
 
 /**
  * Tests du composable `useFormErrors` — pendant front de la regle « le back
@@ -76,7 +78,8 @@ describe('useFormErrors', () => {
         expect(handled).toBe(false)
         expect(errors).toEqual({})
         expect(mockToastError).toHaveBeenCalledTimes(1)
-        expect(mockToastError.mock.calls[0][0]).toMatchObject({ message: 'Erreur serveur.' })
+        // Titre via i18n (cle renvoyee telle quelle par le stub).
+        expect(mockToastError.mock.calls[0][0]).toMatchObject({ title: 'errors.title', message: 'Erreur serveur.' })
     })
 
     it('handleApiError : 422 sans violation mappable → toast de fallback, retourne false', () => {

frontend/shared/composables/useApi.ts

@@ -44,7 +44,7 @@ export function useApi(): ApiClient {
         const data = responseData ?? (error as FetchError)?.data
         const msg = extractApiErrorMessage(data)
         if (msg) return msg
-        return (error as FetchError)?.message ?? 'Erreur inconnue.'
+        return (error as FetchError)?.message ?? t('errors.unknown')
     }
 
     const methodErrorKeys: Record<string, string> = {
@@ -76,7 +76,7 @@ export function useApi(): ApiClient {
 
             if (successMessage) {
                 toast.success({
-                    title: 'Succes',
+                    title: t('success.title'),
                     message: successMessage
                 })
             }
@@ -98,10 +98,10 @@ export function useApi(): ApiClient {
             apiOptions?.toastErrorMessage ||
             errorMessage ||
             extractedMessage ||
-            'Une erreur est survenue.'
+            t('errors.generic')
 
                     toast.error({
-                        title: apiOptions?.toastTitle ?? 'Erreur',
+                        title: apiOptions?.toastTitle ?? t('errors.title'),
                         message
                     })
                 }
@@ -139,7 +139,7 @@ export function useApi(): ApiClient {
         'Une erreur est survenue.'
 
             toast.error({
-                title: apiOptions?.toastTitle ?? 'Erreur',
+                title: apiOptions?.toastTitle ?? t('errors.title'),
                 message
             })
         }

frontend/shared/composables/useFormErrors.ts

@@ -38,6 +38,7 @@ interface HandleApiErrorOptions {
 
 export function useFormErrors() {
     const toast = useToast()
+    const { t } = useI18n()
 
     // Etat d'erreurs indexe par propertyPath. Reactif : muter une cle suffit a
     // rafraichir la prop `:error` du champ correspondant.
@@ -95,8 +96,8 @@ export function useFormErrors() {
         const message
             = extractApiErrorMessage(data)
             || opts.fallbackMessage
-            || 'Une erreur est survenue.'
-        toast.error({ title: 'Erreur', message })
+            || t('errors.generic')
+        toast.error({ title: t('errors.title'), message })
         return false
     }