feat: implement sidebar components and authentication flow

- Added sidebar menu components including sidebar-menu-item, sidebar-menu-skeleton, sidebar-menu-sub-button, sidebar-menu-sub-item, sidebar-menu-sub, sidebar-menu, sidebar-provider, sidebar-rail, sidebar-separator, sidebar-trigger, and sidebar.
- Introduced skeleton loading states for sidebar items.
- Integrated tooltip components for enhanced user interaction.
- Developed mobile responsiveness using media queries.
- Established authentication flow with Keycloak, including login, logout, and token management.
- Implemented server-side redirection based on authentication status.
- Enhanced error handling and logging for authentication processes.

docs/VERIFICAR_MICROSOFT_CONFIG.md

@@ -109,7 +109,6 @@ Target: BROKER_USERNAME
 
 ---
 
-
 ## Paso 4: Verificar en tu App
 
 1. Asegúrate de que el frontend esté corriendo: `http://localhost:5173`
@@ -197,9 +196,9 @@ curl -s -o /dev/null -w "%{http_code}" "http://localhost:8080/realms/master/brok
 3. ✅ Redirect URI en Azure: `http://localhost:8080/realms/master/broker/microsoft/endpoint`
 4. ✅ Variables de entorno en frontend (.env):
    ```
-   PUBLIC_KEYCLOAK_URL=http://localhost:8080
-   PUBLIC_KEYCLOAK_REALM=master
-   PUBLIC_KEYCLOAK_CLIENT_ID=anexo76-frontend
+   VITE_KEYCLOAK_URL=http://localhost:8080
+   VITE_KEYCLOAK_REALM=master
+   VITE_KEYCLOAK_CLIENT_ID=anexo76-frontend
    ```
 
 **El flujo correcto es:**