added: docs to all components and jsx files

frontend/src/contexts/ConfigContext.jsx

@@ -1,6 +1,27 @@
 import { createContext, useContext, useState, useEffect } from "react";
 import PropTypes from "prop-types";
 
+/**
+ * ConfigContext.jsx
+ * 
+ * Este archivo define el contexto de configuración para la aplicación, permitiendo cargar y manejar la configuración desde un archivo externo.
+ * 
+ * Importaciones:
+ * - createContext, useContext, useState, useEffect: Funciones de React para crear y utilizar contextos, manejar estados y efectos secundarios.
+ * - PropTypes: Librería para la validación de tipos de propiedades en componentes de React.
+ * 
+ * Funcionalidad:
+ * - ConfigContext: Contexto que almacena la configuración cargada, el estado de carga y cualquier error ocurrido durante la carga de la configuración.
+ * - ConfigProvider: Proveedor de contexto que maneja la carga de la configuración y proporciona el estado de la configuración a los componentes hijos.
+ *   - Utiliza `fetch` para cargar la configuración desde un archivo JSON.
+ *   - Maneja el estado de carga y errores durante la carga de la configuración.
+ * - useConfig: Hook personalizado para acceder al contexto de configuración.
+ * 
+ * PropTypes:
+ * - ConfigProvider espera un único hijo (`children`) que es requerido y debe ser un nodo de React.
+ * 
+ */
+
 const ConfigContext = createContext();
 
 export const ConfigProvider = ({ children }) => {

frontend/src/contexts/DataContext.jsx

@@ -1,6 +1,28 @@
 import { createContext, useContext, useState, useEffect } from "react";
 import PropTypes from "prop-types";
 
+/**
+ * DataContext.jsx
+ * 
+ * Este archivo define el contexto de datos para la aplicación, permitiendo obtener y manejar datos de una fuente externa.
+ * 
+ * Importaciones:
+ * - createContext, useContext, useState, useEffect: Funciones de React para crear y utilizar contextos, manejar estados y efectos secundarios.
+ * - PropTypes: Librería para la validación de tipos de propiedades en componentes de React.
+ * 
+ * Funcionalidad:
+ * - DataContext: Contexto que almacena los datos obtenidos, el estado de carga y cualquier error ocurrido durante la obtención de datos.
+ * - DataProvider: Proveedor de contexto que maneja la obtención de datos y proporciona el estado de los datos a los componentes hijos.
+ *   - Utiliza `fetch` para obtener datos de una URL construida a partir de la configuración proporcionada.
+ *   - Maneja el estado de carga y errores durante la obtención de datos.
+ * - useData: Hook personalizado para acceder al contexto de datos.
+ * 
+ * PropTypes:
+ * - DataProvider espera un único hijo (`children`) que es requerido y debe ser un nodo de React.
+ * - DataProvider también espera una configuración (`config`) que debe incluir `baseUrl` (string) y opcionalmente `params` (objeto).
+ * 
+ */
+
 const DataContext = createContext();
 
 export const DataProvider = ({ children, config }) => {

frontend/src/contexts/ThemeContext.jsx

@@ -1,6 +1,27 @@
 import { createContext, useContext, useEffect, useState } from "react";
 import PropTypes from "prop-types";
 
+/**
+ * ThemeContext.jsx
+ * 
+ * Este archivo define el contexto de tema para la aplicación, permitiendo cambiar entre temas claro y oscuro.
+ * 
+ * Importaciones:
+ * - createContext, useContext, useEffect, useState: Funciones de React para crear y utilizar contextos, manejar efectos secundarios y estados.
+ * - PropTypes: Librería para la validación de tipos de propiedades en componentes de React.
+ * 
+ * Funcionalidad:
+ * - ThemeContext: Contexto que almacena el tema actual y la función para cambiarlo.
+ * - ThemeProvider: Proveedor de contexto que maneja el estado del tema y proporciona la función para alternar entre temas.
+ *   - Utiliza `localStorage` para persistir el tema seleccionado.
+ *   - Aplica la clase correspondiente al `body` del documento para reflejar el tema actual.
+ * - useTheme: Hook personalizado para acceder al contexto del tema.
+ * 
+ * PropTypes:
+ * - ThemeProvider espera un único hijo (`children`) que es requerido y debe ser un nodo de React.
+ * 
+ */
+
 const ThemeContext = createContext();
 
 export function ThemeProvider({ children }) {