feat: Enhance invoice editing components with new dialogs and improved UI

- Added country selection dialog with search functionality.
- Introduced tariff fraction selection dialog with infinite scrolling and search.
- Implemented unit of measure selection dialog with search capabilities.
- Updated invoice editing UI to include new fields for line descriptions and identifiers.
- Improved layout and spacing for better user experience in invoice editing forms.
- Added API endpoints for fetching tariff fractions and units of measure with proper error handling.

frontend/src/routes/api-sveltekit/tariff-fractions/+server.ts

@@ -0,0 +1,68 @@
+import type { RequestHandler } from './$types';
+
+export const GET: RequestHandler = async ({ cookies, url }) => {
+	const token = cookies.get('access_token');
+	
+	// Configurar la URL de la API usando las variables de entorno
+	let apiUrl = process.env.INTERNAL_API_URL;
+	if (!apiUrl) {
+		apiUrl = process.env.VITE_API_URL;
+		// Reemplazar 'localhost' con 'backend' para llamadas desde el servidor (SSR)
+		apiUrl = apiUrl?.replace('localhost', 'backend').replace('127.0.0.1', 'backend');
+	}
+	
+	// Normalizar la URL
+	const baseUrl = apiUrl?.endsWith('/') ? apiUrl : `${apiUrl}/`;
+	
+	// Get query parameters - tariff_fractions es catálogo global (no requiere company_id)
+	const searchParams = new URLSearchParams(url.search);
+	const queryString = searchParams.toString();
+
+	try {
+		const fetchUrl = `${baseUrl}v1/a76/tariff-fractions?${queryString}`;
+		console.log('Fetching tariff fractions from:', fetchUrl);
+		console.log('Token:', token ? 'Present' : 'Missing');
+		
+		const response = await fetch(
+			fetchUrl,
+			{
+				method: 'GET',
+				headers: {
+					'Content-Type': 'application/json',
+					Authorization: `Bearer ${token}`
+				}
+			}
+		);
+
+		const data = await response.json();
+		console.log('Response status:', response.status);
+		console.log('Response data:', JSON.stringify(data).substring(0, 200));
+
+		if (!response.ok) {
+			return new Response(JSON.stringify(data), {
+				status: response.status,
+				headers: {
+					'Content-Type': 'application/json'
+				}
+			});
+		}
+
+		return new Response(JSON.stringify(data), {
+			status: 200,
+			headers: {
+				'Content-Type': 'application/json'
+			}
+		});
+	} catch (error) {
+		console.error('Error fetching tariff fractions:', error);
+		return new Response(
+			JSON.stringify({ error: 'Failed to fetch tariff fractions' }),
+			{
+				status: 500,
+				headers: {
+					'Content-Type': 'application/json'
+				}
+			}
+		);
+	}
+};

frontend/src/routes/api-sveltekit/units-of-measure/+server.ts

@@ -0,0 +1,84 @@
+import type { RequestHandler } from './$types';
+
+export const GET: RequestHandler = async ({ cookies, url }) => {
+	const token = cookies.get('access_token');
+	
+	// Obtener company_id de la cookie
+	const companyId = cookies.get('active_company_id');
+	
+	if (!companyId) {
+		return new Response(
+			JSON.stringify({ error: 'No company selected' }),
+			{
+				status: 400,
+				headers: {
+					'Content-Type': 'application/json'
+				}
+			}
+		);
+	}
+	
+	// Configurar la URL de la API usando las variables de entorno
+	let apiUrl = process.env.INTERNAL_API_URL;
+	if (!apiUrl) {
+		apiUrl = process.env.VITE_API_URL;
+		// Reemplazar 'localhost' con 'backend' para llamadas desde el servidor (SSR)
+		apiUrl = apiUrl?.replace('localhost', 'backend').replace('127.0.0.1', 'backend');
+	}
+	
+	// Normalizar la URL
+	const baseUrl = apiUrl?.endsWith('/') ? apiUrl : `${apiUrl}/`;
+	
+	// Get query parameters and add company_id
+	const searchParams = new URLSearchParams(url.search);
+	searchParams.set('company_id', companyId);
+	const queryString = searchParams.toString();
+
+	try {
+		const fetchUrl = `${baseUrl}v1/a76/units-of-measure?${queryString}`;
+		console.log('Fetching units from:', fetchUrl);
+		console.log('Token:', token ? 'Present' : 'Missing');
+		
+		const response = await fetch(
+			fetchUrl,
+			{
+				method: 'GET',
+				headers: {
+					'Content-Type': 'application/json',
+					Authorization: `Bearer ${token}`
+				}
+			}
+		);
+
+		const data = await response.json();
+		console.log('Response status:', response.status);
+		console.log('Response data:', JSON.stringify(data).substring(0, 200));
+
+		if (!response.ok) {
+			return new Response(JSON.stringify(data), {
+				status: response.status,
+				headers: {
+					'Content-Type': 'application/json'
+				}
+			});
+		}
+
+		return new Response(JSON.stringify(data), {
+			status: 200,
+			headers: {
+				'Content-Type': 'application/json'
+			}
+		});
+	} catch (error) {
+		console.error('Error fetching units of measure:', error);
+		return new Response(
+			JSON.stringify({ error: 'Failed to fetch units of measure' }),
+			{
+				status: 500,
+				headers: {
+					'Content-Type': 'application/json'
+				}
+			}
+		);
+	}
+};