feat: Complete translation in French

frontend/src/components/AdifExtrasEditor.tsx

@@ -4,6 +4,7 @@ import { ADIFFields } from '../../wailsjs/go/main/App';
 import { Input } from '@/components/ui/input';
 import { Combobox } from '@/components/ui/combobox';
 import { Button } from '@/components/ui/button';
+import { useI18n } from '@/lib/i18n';
 
 type FieldDef = {
   name: string; kind: string; category: string;
@@ -21,6 +22,7 @@ interface Props {
 // ADIF 3.1.7 field (plus custom/vendor tags) can be viewed and edited. This is
 // what makes "100% of ADIF fields available" true without 160 DB columns.
 export function AdifExtrasEditor({ value, onChange }: Props) {
+  const { t } = useI18n();
   const [dict, setDict] = useState<FieldDef[]>([]);
   const [showDeprecated, setShowDeprecated] = useState(false);
 
@@ -68,9 +70,7 @@ export function AdifExtrasEditor({ value, onChange }: Props) {
   return (
     <div className="space-y-3">
       <p className="text-xs text-muted-foreground">
-        Every ADIF 3.1.7 field not shown in the other tabs. Pick a field to add it,
-        or type a custom/vendor tag (e.g. <code className="bg-muted px-1 rounded font-mono">APP_*</code>).
-        Stored losslessly and exported in the <strong>full</strong> ADIF mode.
+        {t('adx.introPart1')}<code className="bg-muted px-1 rounded font-mono">APP_*</code>{t('adx.introPart2')}<strong>{t('adx.fullMode')}</strong>{t('adx.introPart3')}
       </p>
 
       {/* Add a field */}
@@ -79,21 +79,21 @@ export function AdifExtrasEditor({ value, onChange }: Props) {
           <Combobox
             value=""
             options={addable}
-            placeholder="Add ADIF field…"
+            placeholder={t('adx.addFieldPh')}
             allowFreeText
             onChange={addField}
           />
         </div>
         <label className="flex items-center gap-1.5 text-[11px] text-muted-foreground cursor-pointer">
           <input type="checkbox" checked={showDeprecated} onChange={(e) => setShowDeprecated(e.target.checked)} />
-          Show deprecated
+          {t('adx.showDeprecated')}
         </label>
       </div>
 
       {/* Current entries */}
       {entries.length === 0 ? (
         <div className="text-[11px] text-muted-foreground italic border border-dashed border-border rounded-md px-3 py-4 text-center">
-          No extra ADIF fields. Use the picker above to add one.
+          {t('adx.noExtra')}
         </div>
       ) : (
         <div className="space-y-1.5">
@@ -105,11 +105,11 @@ export function AdifExtrasEditor({ value, onChange }: Props) {
                   <span className="font-mono text-xs font-semibold">{k}</span>
                   {def && (
                     <span className="block text-[10px] text-muted-foreground leading-tight">
-                      {def.category}{def.deprecated ? ' · deprecated' : ''}{def.intl ? ' · intl' : ''}
+                      {def.category}{def.deprecated ? ' · ' + t('adx.deprecated') : ''}{def.intl ? ' · ' + t('adx.intl') : ''}
                       {!def && ''}
                     </span>
                   )}
-                  {!def && <span className="block text-[10px] text-amber-600 leading-tight">non-standard</span>}
+                  {!def && <span className="block text-[10px] text-amber-600 leading-tight">{t('adx.nonStandard')}</span>}
                 </div>
                 <Input
                   className="flex-1 h-8 text-xs font-mono"
@@ -118,7 +118,7 @@ export function AdifExtrasEditor({ value, onChange }: Props) {
                 />
                 <Button
                   type="button" variant="ghost" size="icon" className="h-7 w-7 shrink-0 text-muted-foreground hover:text-destructive"
-                  onClick={() => remove(k)} title="Remove field"
+                  onClick={() => remove(k)} title={t('adx.removeField')}
                 >
                   <X className="size-3.5" />
                 </Button>