Feature: Scrollbar personalizada, arreglos SVG y mejoras de transparencia

- Agregar scrollbar personalizada compacta (8px) adaptable al tema
- Estilo de scrollbar verde (#00DC82) con opacidad diferente para día/noche
- Soporte para WebKit (Chrome/Safari) y Firefox
- Arreglar SVG de colinas para usar 100% del ancho horizontal (preserveAspectRatio=none)
- Revertir modal a estructura funcional (v-model:open, title prop, #content slot)
- Igualar transparencia en modo oscuro usando rgba(0,0,0,0.3-0.4) en lugar de rgba(15,15,25)
- Aplicar tintado negro puro para reducir brillo en modo oscuro manteniendo misma transparencia

nuxt4/app/components/auth/ApplicationsList.vue

@@ -188,7 +188,7 @@ onUnmounted(() => {
 }
 
 :global(.dark) .applications-container {
-  background: rgba(15, 15, 25, 0.35);
+  background: rgba(0, 0, 0, 0.35);
   box-shadow:
     0 8px 32px 0 rgba(0, 0, 0, 0.5),
     inset 0 1px 1px 0 rgba(255, 255, 255, 0.05);
@@ -262,7 +262,7 @@ onUnmounted(() => {
 }
 
 :global(.dark) .app-card {
-  background: rgba(20, 20, 30, 0.3);
+  background: rgba(0, 0, 0, 0.3);
   border: 1px solid rgba(255, 255, 255, 0.1);
   box-shadow:
     0 4px 16px 0 rgba(0, 0, 0, 0.4),