Create the frontend receipes page to use real API

frontend/src/pages/app/operations/suppliers/SuppliersPage.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import { Plus, Building2, Phone, Mail, Eye, Edit, CheckCircle, AlertCircle, Timer, Users, DollarSign, Loader } from 'lucide-react';
+import { Plus, Building2, Phone, Mail, Eye, Edit, CheckCircle, AlertCircle, Timer, Users, Euro, Loader } from 'lucide-react';
 import { Button, Input, Card, Badge, StatsGrid, StatusCard, getStatusColor, StatusModal } from '../../../../components/ui';
 import { formatters } from '../../../../components/ui/Stats/StatsPresets';
 import { PageHeader } from '../../../../components/layout';
@@ -107,7 +107,7 @@ const SuppliersPage: React.FC = () => {
       title: 'Gasto Total',
       value: formatters.currency(supplierStats.total_spend),
       variant: 'info' as const,
-      icon: DollarSign,
+      icon: Euro,
     },
     {
       title: 'Calidad Media',
@@ -382,7 +382,7 @@ const SuppliersPage: React.FC = () => {
           },
           {
             title: 'Rendimiento y Estadísticas',
-            icon: DollarSign,
+            icon: Euro,
             fields: [
               {
                 label: 'Moneda',