feat: add tab navigation and content management for notifications page, allowing users to switch between Enviar Notificação, Gerenciar Templates, and Agendamentos for improved organization and usability

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

@@ -134,6 +134,9 @@
 	let processando = $state(false);
 	let criandoTemplates = $state(false);
 	let progressoEnvio = $state({ total: 0, enviados: 0, falhas: 0 });
+	
+	// Aba ativa
+	let abaAtiva = $state<'enviar' | 'templates' | 'agendamentos'>('enviar');
 
 	// Estrutura de dados para logs de envio
 	type StatusLog = 'sucesso' | 'erro' | 'fila' | 'info' | 'enviando';
@@ -1173,6 +1176,36 @@
 		</div>
 	{/if}
 
+	<!-- Abas de Navegação -->
+	<div class="tabs tabs-boxed mb-6">
+		<button
+			type="button"
+			class="tab"
+			class:tab-active={abaAtiva === 'enviar'}
+			onclick={() => (abaAtiva = 'enviar')}
+		>
+			Enviar Notificação
+		</button>
+		<button
+			type="button"
+			class="tab"
+			class:tab-active={abaAtiva === 'templates'}
+			onclick={() => (abaAtiva = 'templates')}
+		>
+			Gerenciar Templates
+		</button>
+		<button
+			type="button"
+			class="tab"
+			class:tab-active={abaAtiva === 'agendamentos'}
+			onclick={() => (abaAtiva = 'agendamentos')}
+		>
+			Agendamentos
+		</button>
+	</div>
+
+	<!-- Conteúdo da Aba: Enviar Notificação -->
+	{#if abaAtiva === 'enviar'}
 	<div class="grid grid-cols-1 gap-6 lg:grid-cols-2">
 		<!-- Formulário -->
 		<div class="card bg-base-100 shadow-xl">
@@ -1645,7 +1678,28 @@
 			</div>
 		</div>
 	</div>
+	{/if}
 
+	<!-- Conteúdo da Aba: Templates -->
+	{#if abaAtiva === 'templates'}
+		<div class="card bg-base-100 shadow-xl">
+			<div class="card-body">
+				<div class="mb-4 flex items-center justify-between">
+					<h2 class="card-title">Templates de Mensagens</h2>
+					<a href="/ti/notificacoes/templates" class="btn btn-primary">
+						Gerenciar Templates
+					</a>
+				</div>
+				<p class="text-base-content/60">
+					Acesse a página de gerenciamento de templates para criar, editar e excluir templates de emails e
+					mensagens.
+				</p>
+			</div>
+		</div>
+	{/if}
+
+	<!-- Conteúdo da Aba: Agendamentos -->
+	{#if abaAtiva === 'agendamentos'}
 	<!-- Histórico de Agendamentos -->
 	<div class="card bg-base-100 mt-6 shadow-xl">
 		<div class="card-body">
@@ -1864,6 +1918,7 @@
 			{/if}
 		</div>
 	</div>
+	{/if}
 
 	<!-- Info -->
 	<div class="alert alert-warning mt-6">