feat: enhance sidebar and theme utilities for improved UI consistency

- Updated the Sidebar component styles to utilize theme-based classes for better visual consistency.
- Added new utility functions to retrieve and convert theme colors for use in components, enhancing theming capabilities.
- Improved layout logic to ensure the default theme is applied correctly based on user preferences and document readiness.

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}