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/times/+page.svelte

@@ -318,7 +318,7 @@
 					</div>
 				</div>
 				<div class="flex gap-2">
-					<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"
@@ -424,9 +424,7 @@
 					</div>
 
 					<div class="card-actions mt-6 justify-end">
-						<button class="btn btn-ghost" onclick={cancelarEdicao} disabled={processando}>
-							Cancelar
-						</button>
+						<button class="btn" onclick={cancelarEdicao} disabled={processando}> Cancelar </button>
 						<button class="btn btn-primary" onclick={salvarTime} disabled={processando}>
 							{processando ? 'Salvando...' : 'Salvar'}
 						</button>
@@ -457,7 +455,7 @@
 									<h2 class="card-title text-lg">{time.nome}</h2>
 								</div>
 								<div class="dropdown dropdown-end">
-									<button type="button" class="btn btn-ghost btn-sm" aria-label="Menu do time">
+									<button type="button" class="btn btn-sm" aria-label="Menu do time">
 										<svg
 											xmlns="http://www.w3.org/2000/svg"
 											class="h-5 w-5"