fix: issues ux

src/lib/axios.js

@@ -1,12 +1,28 @@
 import axios from "axios";
 
 const baseUrl = import.meta.env.VITE_API_URL;
-const accessToken = localStorage.getItem('access');
+
 const api = axios.create({
-    baseURL: baseUrl,
-    headers: {
-        Authorization: 'Bearer ' + accessToken
-    },
+    baseURL: baseUrl
 });
 
+// Interceptar las solicitudes antes de enviarlas
+api.interceptors.request.use(
+    (config) => {
+        // Obtener el token de acceso actualizado del localStorage
+        const accessToken = localStorage.getItem('access');
+        
+        // Verificar si hay un token de acceso y agregarlo al encabezado de autorización
+        if (accessToken) {
+            config.headers.Authorization = `Bearer ${accessToken}`;
+        }
+        
+        return config;
+    },
+    (error) => {
+        // Manejar errores de solicitud
+        return Promise.reject(error);
+    }
+);
+
 export default api;

src/lib/axiosPublic.js

@@ -0,0 +1,9 @@
+import axios from "axios";
+
+const baseUrl = import.meta.env.VITE_API_URL;
+
+const apiPublic = axios.create({
+    baseURL: baseUrl,
+});
+
+export default apiPublic;