corrreciones al formulario de las osp

apps/web/feactures/training/components/training-view-modal.tsx

@@ -28,6 +28,11 @@ import {
 } from 'lucide-react';
 import React, { useState } from 'react';
 import { TrainingSchema } from '../schemas/training';
+import {
+  useMunicipalityQuery,
+  useParishQuery,
+  useStateQuery,
+} from '@/feactures/location/hooks/use-query-location';
 
 interface TrainingViewModalProps {
   data: TrainingSchema | null;
@@ -41,9 +46,21 @@ export function TrainingViewModal({
   onClose,
 }: TrainingViewModalProps) {
   const [selectedImage, setSelectedImage] = useState<string | null>(null);
+  
+  const { data: statesData } = useStateQuery();
+  const { data: municipalitiesData } = useMunicipalityQuery(data?.state || 0);
+  const { data: parishesData } = useParishQuery(data?.municipality || 0);
 
   if (!data) return null;
 
+  const stateName = statesData?.data?.find((s: any) => s.id === data.state)?.name;
+  const municipalityName = municipalitiesData?.data?.find(
+    (m: any) => m.id === data.municipality,
+  )?.name;
+  const parishName = parishesData?.data?.find(
+    (p: any) => p.id === data.parish,
+  )?.name;
+
   const DetailItem = ({ label, value }: { label: string; value: any }) => (
     <div className="space-y-1">
       <p className="text-xs font-medium text-muted-foreground uppercase tracking-wider">
@@ -123,6 +140,9 @@ export function TrainingViewModal({
                       : 'N/A'
                   }
                 />
+                <DetailItem label="Estado" value={stateName} />
+                <DetailItem label="Municipio" value={municipalityName} />
+                <DetailItem label="Parroquia" value={parishName} />
               </Section>
 
               {/* 2. Sectores y Actividad */}