refactor: improve Svelte components and enhance user experience

- Updated various Svelte components to improve code readability and maintainability.
- Standardized button classes across components for a consistent user interface.
- Enhanced error handling and user feedback in modals and forms.
- Cleaned up unnecessary imports and optimized component structure for better performance.

apps/web/src/routes/(dashboard)/ti/painel-permissoes/+page.svelte

@@ -284,7 +284,7 @@
 				</svg>
 				Criar novo perfil
 			</button>
-			<button class="btn btn-ghost gap-2" onclick={() => goto(resolve('/ti'))}>
+			<button class="btn gap-2" onclick={() => goto(resolve('/ti'))}>
 				<svg
 					xmlns="http://www.w3.org/2000/svg"
 					class="h-5 w-5"
@@ -402,11 +402,7 @@
 					{#if busca}
 						<div class="badge badge-primary gap-2">
 							Busca: {busca}
-							<button
-								class="btn btn-ghost btn-xs"
-								onclick={() => (busca = '')}
-								aria-label="Limpar busca"
-							>
+							<button class="btn btn-xs" onclick={() => (busca = '')} aria-label="Limpar busca">
 								✕
 							</button>
 						</div>
@@ -415,7 +411,7 @@
 						<div class="badge badge-secondary gap-2">
 							Perfil filtrado
 							<button
-								class="btn btn-ghost btn-xs"
+								class="btn btn-xs"
 								onclick={() => (filtroRole = '')}
 								aria-label="Limpar filtro"
 							>
@@ -761,7 +757,7 @@
 						<div class="flex flex-wrap gap-3">
 							<button
 								type="button"
-								class="btn btn-ghost"
+								class="btn"
 								onclick={fecharModalNovoPerfil}
 								disabled={criandoNovoPerfil}
 							>