feat(shared): Länderauswahl mit ISO 3166-1 Mapping und CountryPicker

Backend: Country-Record (Shared Kernel), InMemoryCountryRepository mit
~249 Ländern und DACH-Priorisierung, ListCountries-UseCase,
GET /api/countries?q= Endpoint.

Frontend: CountryPicker-Komponente mit Fuzzy-Suche, DACH-Favoriten bei
leerem Query. SupplierCreate-, CustomerCreate- und AddDeliveryAddress-
Screens verwenden jetzt den CountryPicker statt Freitext. Detail-Screens
zeigen den Ländercode in der Adressanzeige.

Closes #71

frontend/apps/cli/src/components/masterdata/suppliers/SupplierCreateScreen.tsx

@@ -1,13 +1,16 @@
-import React, { useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { Box, Text, useInput } from 'ink';
+import type { CountryDTO } from '@effigenix/api-client';
 import { useNavigation } from '../../../state/navigation-context.js';
 import { useSuppliers } from '../../../hooks/useSuppliers.js';
 import { FormInput } from '../../shared/FormInput.js';
+import { CountryPicker } from '../../shared/CountryPicker.js';
 import { LoadingSpinner } from '../../shared/LoadingSpinner.js';
 import { ErrorDisplay } from '../../shared/ErrorDisplay.js';
+import { client } from '../../../utils/api-client.js';
 
-type Field = 'name' | 'phone' | 'email' | 'contactPerson' | 'street' | 'houseNumber' | 'postalCode' | 'city' | 'country' | 'paymentDueDays';
-const FIELDS: Field[] = ['name', 'phone', 'email', 'contactPerson', 'street', 'houseNumber', 'postalCode', 'city', 'country', 'paymentDueDays'];
+type Field = 'name' | 'phone' | 'email' | 'contactPerson' | 'street' | 'houseNumber' | 'postalCode' | 'city' | 'countryPicker' | 'paymentDueDays';
+const FIELDS: Field[] = ['name', 'phone', 'email', 'contactPerson', 'street', 'houseNumber', 'postalCode', 'city', 'countryPicker', 'paymentDueDays'];
 
 const FIELD_LABELS: Record<Field, string> = {
   name: 'Name *',
@@ -18,7 +21,7 @@ const FIELD_LABELS: Record<Field, string> = {
   houseNumber: 'Hausnummer',
   postalCode: 'PLZ',
   city: 'Stadt',
-  country: 'Land',
+  countryPicker: 'Land',
   paymentDueDays: 'Zahlungsziel (Tage)',
 };
 
@@ -26,15 +29,23 @@ export function SupplierCreateScreen() {
   const { replace, back } = useNavigation();
   const { createSupplier, loading, error, clearError } = useSuppliers();
 
-  const [values, setValues] = useState<Record<Field, string>>({
+  const [values, setValues] = useState<Record<Exclude<Field, 'countryPicker'>, string>>({
     name: '', phone: '', email: '', contactPerson: '',
-    street: '', houseNumber: '', postalCode: '', city: '', country: 'Deutschland',
+    street: '', houseNumber: '', postalCode: '', city: '',
     paymentDueDays: '',
   });
   const [activeField, setActiveField] = useState<Field>('name');
   const [fieldErrors, setFieldErrors] = useState<Partial<Record<Field, string>>>({});
+  const [countryQuery, setCountryQuery] = useState('');
+  const [countryCode, setCountryCode] = useState('DE');
+  const [countryName, setCountryName] = useState('Deutschland');
+  const [countries, setCountries] = useState<CountryDTO[]>([]);
 
-  const setField = (field: Field) => (value: string) => {
+  useEffect(() => {
+    client.countries.search().then(setCountries).catch(() => {});
+  }, []);
+
+  const setField = (field: Exclude<Field, 'countryPicker'>) => (value: string) => {
     setValues((v) => ({ ...v, [field]: value }));
   };
 
@@ -71,7 +82,7 @@ export function SupplierCreateScreen() {
       ...(values.houseNumber.trim() ? { houseNumber: values.houseNumber.trim() } : {}),
       ...(values.postalCode.trim() ? { postalCode: values.postalCode.trim() } : {}),
       ...(values.city.trim() ? { city: values.city.trim() } : {}),
-      ...(values.country.trim() ? { country: values.country.trim() } : {}),
+      ...(countryCode ? { country: countryCode } : {}),
       ...(values.paymentDueDays.trim() ? { paymentDueDays: parseInt(values.paymentDueDays, 10) } : {}),
     });
     if (result) replace('supplier-list');
@@ -100,17 +111,41 @@ export function SupplierCreateScreen() {
       {error && <ErrorDisplay message={error} onDismiss={clearError} />}
 
       <Box flexDirection="column" gap={1} width={60}>
-        {FIELDS.map((field) => (
-          <FormInput
-            key={field}
-            label={FIELD_LABELS[field]}
-            value={values[field]}
-            onChange={setField(field)}
-            onSubmit={handleFieldSubmit(field)}
-            focus={activeField === field}
-            {...(fieldErrors[field] ? { error: fieldErrors[field] } : {})}
-          />
-        ))}
+        {FIELDS.map((field) => {
+          if (field === 'countryPicker') {
+            return (
+              <CountryPicker
+                key="countryPicker"
+                countries={countries}
+                query={countryQuery}
+                onQueryChange={setCountryQuery}
+                onSelect={(c) => {
+                  setCountryCode(c.code);
+                  setCountryName(c.name);
+                  setCountryQuery('');
+                  const idx = FIELDS.indexOf('countryPicker');
+                  if (idx < FIELDS.length - 1) {
+                    setActiveField(FIELDS[idx + 1] ?? 'countryPicker');
+                  }
+                }}
+                focus={activeField === 'countryPicker'}
+                selectedName={countryName}
+              />
+            );
+          }
+          const f = field as Exclude<Field, 'countryPicker'>;
+          return (
+            <FormInput
+              key={f}
+              label={FIELD_LABELS[f]}
+              value={values[f]}
+              onChange={setField(f)}
+              onSubmit={handleFieldSubmit(f)}
+              focus={activeField === f}
+              {...(fieldErrors[f] ? { error: fieldErrors[f] } : {})}
+            />
+          );
+        })}
       </Box>
 
       <Box marginTop={1}>