feat: Implement BolsaLocalWidget and configure API CORS

frontend/src/hooks/useApiData.ts

@@ -0,0 +1,34 @@
+import { useState, useEffect, useCallback } from 'react';
+import apiClient from '../api/apiClient';
+import { AxiosError } from 'axios';
+
+// T es el tipo de dato que esperamos de la API (ej. CotizacionBolsa[])
+export function useApiData<T>(url: string) {
+  const [data, setData] = useState<T | null>(null);
+  const [loading, setLoading] = useState<boolean>(true);
+  const [error, setError] = useState<string | null>(null);
+
+  const fetchData = useCallback(async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const response = await apiClient.get<T>(url);
+      setData(response.data);
+    } catch (err) {
+      if (err instanceof AxiosError) {
+        setError(`Error al cargar datos: ${err.message}`);
+      } else {
+        setError('Ocurrió un error inesperado.');
+      }
+      console.error(err);
+    } finally {
+      setLoading(false);
+    }
+  }, [url]);
+
+  useEffect(() => {
+    fetchData();
+  }, [fetchData]);
+
+  return { data, loading, error, refetch: fetchData };
+}