Merge pull request #40 from killer-cf/call-audio-video-jitsi

Call audio video jitsi

apps/web/src/routes/(dashboard)/ti/cibersecurity/+page.svelte

@@ -1,10 +1,6 @@
 <script lang="ts">
 	import { resolve } from '$app/paths';
-	import { browser } from '$app/environment';
-	import type { ConstructorOfATypedSvelteComponent } from 'svelte/types/runtime/component';
 	import CybersecurityWizcard from '$lib/components/ti/CybersecurityWizcard.svelte';
-	// Usar tipo amplo para evitar conflitos de tipagem do import dinâmico no build
-	let Comp: ConstructorOfATypedSvelteComponent<typeof CybersecurityWizcard> | null = null;
 </script>
 
 <svelte:head>
@@ -27,11 +23,5 @@
 		<a href={resolve('/ti')} class="btn btn-outline btn-primary">Voltar para TI</a>
 	</header>
 
-	{#if browser && Comp}
-		<svelte:component this={Comp} />
-	{:else}
-		<div class="alert">
-			<span>Carregando módulo de cibersegurança…</span>
-		</div>
-	{/if}
+	<CybersecurityWizcard />
 </section>

apps/web/src/routes/(dashboard)/ti/notificacoes/+page.svelte

@@ -1467,9 +1467,8 @@
 					</div>
 					<div
 						bind:this={terminalScrollRef}
-						class="bg-neutral text-neutral-content max-h-64 overflow-y-auto rounded-lg p-4 font-mono text-sm"
-						style="background-color: #1a1a1a; color: #e5e5e5;"
-					>
+					class="bg-base-200 text-base-content max-h-64 overflow-y-auto rounded-lg p-4 font-mono text-sm border border-base-300"
+				>
 						{#if logsEnvio.length === 0}
 							<div class="text-neutral-content/60 italic">Aguardando envio de notificação...</div>
 						{:else}