feat: update system branding and improve user interface consistency

- Changed all instances of "Sistema de Gerenciamento da Secretaria de Esportes" to "Sistema de Gerenciamento de Secretaria" for a more concise branding.
- Enhanced the PrintModal component with a user-friendly interface for selecting sections to include in PDF generation.
- Improved error handling and user feedback during PDF generation processes.
- Updated various components and routes to reflect the new branding, ensuring consistency across the application.

apps/web/src/lib/components/Sidebar.svelte

@@ -203,7 +203,7 @@
 			<p
 				class="text-base-content/80 hidden text-xs leading-tight font-medium sm:block lg:text-base"
 			>
-				Sistema de Gerenciamento da<br class="lg:hidden" /> Secretaria de Esportes
+				Sistema de Gerenciamento de Secretaria
 			</p>
 		</div>
 	</div>
@@ -521,7 +521,7 @@
 					<div>
 						<h3 class="text-primary mb-2 text-3xl font-bold">SGSE</h3>
 						<p class="text-base-content/80 text-lg font-semibold">
-							Sistema de Gerenciamento da<br />Secretaria de Esportes
+							Sistema de Gerenciamento de Secretaria
 						</p>
 					</div>
 				</div>

apps/web/src/lib/components/chamados/TicketForm.svelte

@@ -76,38 +76,52 @@ const loading = $derived(props.loading ?? false);
 </script>
 
 <form class="space-y-8" onsubmit={handleSubmit}>
-  <section class="grid gap-6 md:grid-cols-2">
-    <div class="form-control md:col-span-2">
-      <label class="label">
-        <span class="label-text font-semibold">Título do chamado</span>
-      </label>
-      <input
-        type="text"
-        class="input input-bordered input-primary w-full"
-        placeholder="Ex: Erro ao acessar o módulo de licitações"
-        bind:value={titulo}
-      />
-      {#if errors.titulo}
-        <span class="text-error mt-1 text-sm">{errors.titulo}</span>
-      {/if}
-    </div>
+  <!-- Título do Chamado -->
+  <section class="form-control">
+    <label class="label">
+      <span class="label-text font-semibold text-base-content">Título do chamado</span>
+    </label>
+    <input
+      type="text"
+      class="input input-bordered input-primary w-full"
+      placeholder="Ex: Erro ao acessar o módulo de licitações"
+      bind:value={titulo}
+    />
+    {#if errors.titulo}
+      <span class="text-error mt-1 text-sm">{errors.titulo}</span>
+    {/if}
+  </section>
 
+  <!-- Tipo de Solicitação e Prioridade -->
+  <section class="grid gap-6 md:grid-cols-2">
     <div class="form-control">
       <label class="label">
-        <span class="label-text font-semibold">Tipo de solicitação</span>
+        <span class="label-text font-semibold text-base-content">Tipo de solicitação</span>
       </label>
-      <div class="grid gap-2">
-        {#each ["chamado", "reclamacao", "elogio", "sugestao"] as opcao}
-          <label class="btn btn-outline btn-sm justify-start gap-2">
+      <div class="grid grid-cols-2 gap-2 rounded-xl border border-base-300 bg-base-200/30 p-3">
+        {#each [
+          { value: "chamado", label: "Chamado", icon: "📋" },
+          { value: "reclamacao", label: "Reclamação", icon: "⚠️" },
+          { value: "elogio", label: "Elogio", icon: "⭐" },
+          { value: "sugestao", label: "Sugestão", icon: "💡" }
+        ] as opcao}
+          <label
+            class={`flex w-full cursor-pointer items-center justify-start gap-2 rounded-lg border-2 p-2.5 transition-all ${
+              tipo === opcao.value
+                ? "border-primary bg-primary/10 shadow-md"
+                : "border-base-300 bg-base-100 hover:border-primary/50 hover:bg-base-200/50"
+            }`}
+          >
             <input
               type="radio"
               name="tipo"
-              class="radio radio-primary"
-              value={opcao}
-              checked={tipo === opcao}
-              onclick={() => (tipo = opcao as typeof tipo)}
+              class="radio radio-primary radio-sm shrink-0"
+              value={opcao.value}
+              checked={tipo === opcao.value}
+              onclick={() => (tipo = opcao.value as typeof tipo)}
             />
-            {opcao.charAt(0).toUpperCase() + opcao.slice(1)}
+            <span class="text-base shrink-0">{opcao.icon}</span>
+            <span class="text-sm font-medium flex-1 text-center">{opcao.label}</span>
           </label>
         {/each}
       </div>
@@ -115,39 +129,67 @@ const loading = $derived(props.loading ?? false);
 
     <div class="form-control">
       <label class="label">
-        <span class="label-text font-semibold">Prioridade</span>
+        <span class="label-text font-semibold text-base-content">Prioridade</span>
       </label>
-      <select class="select select-bordered w-full" bind:value={prioridade}>
-        <option value="baixa">Baixa</option>
-        <option value="media">Média</option>
-        <option value="alta">Alta</option>
-        <option value="critica">Crítica</option>
-      </select>
-    </div>
-
-    <div class="form-control">
-      <label class="label">
-        <span class="label-text font-semibold">Categoria</span>
-      </label>
-      <input
-        type="text"
-        class="input input-bordered w-full"
-        placeholder="Ex: Infraestrutura, Sistemas, Acesso"
-        bind:value={categoria}
-      />
-      {#if errors.categoria}
-        <span class="text-error mt-1 text-sm">{errors.categoria}</span>
-      {/if}
+      <div class="grid grid-cols-2 gap-2 rounded-xl border border-base-300 bg-base-200/30 p-3">
+        {#each [
+          { value: "baixa", label: "Baixa", color: "badge-success" },
+          { value: "media", label: "Média", color: "badge-info" },
+          { value: "alta", label: "Alta", color: "badge-warning" },
+          { value: "critica", label: "Crítica", color: "badge-error" }
+        ] as opcao}
+          <label
+            class={`flex w-full cursor-pointer items-center justify-start gap-2 rounded-lg border-2 p-2.5 transition-all ${
+              prioridade === opcao.value
+                ? "border-primary bg-primary/10 shadow-md"
+                : "border-base-300 bg-base-100 hover:border-primary/50 hover:bg-base-200/50"
+            }`}
+          >
+            <input
+              type="radio"
+              name="prioridade"
+              class={`radio radio-sm shrink-0 ${
+                opcao.value === "baixa" ? "radio-success" :
+                opcao.value === "media" ? "radio-info" :
+                opcao.value === "alta" ? "radio-warning" :
+                "radio-error"
+              }`}
+              value={opcao.value}
+              checked={prioridade === opcao.value}
+              onclick={() => (prioridade = opcao.value as typeof prioridade)}
+            />
+            <span class={`badge badge-sm ${opcao.color} flex-1 justify-center`}>{opcao.label}</span>
+          </label>
+        {/each}
+      </div>
     </div>
   </section>
 
+  <!-- Categoria -->
   <section class="form-control">
     <label class="label">
-      <span class="label-text font-semibold">Descrição detalhada</span>
+      <span class="label-text font-semibold text-base-content">Categoria</span>
+    </label>
+    <input
+      type="text"
+      class="input input-bordered w-full"
+      placeholder="Ex: Infraestrutura, Sistemas, Acesso"
+      bind:value={categoria}
+    />
+    {#if errors.categoria}
+      <span class="text-error mt-1 text-sm">{errors.categoria}</span>
+    {/if}
+  </section>
+
+  <!-- Descrição Detalhada -->
+  <section class="form-control">
+    <label class="label">
+      <span class="label-text font-semibold text-base-content">Descrição detalhada</span>
+      <span class="label-text-alt text-base-content/50">Obrigatório</span>
     </label>
     <textarea
       class="textarea textarea-bordered textarea-lg min-h-[180px]"
-      placeholder="Descreva o problema, erro ou sugestão com o máximo de detalhes possível."
+      placeholder="Descreva o problema, erro ou sugestão com o máximo de detalhes possível..."
       bind:value={descricao}
     ></textarea>
     {#if errors.descricao}
@@ -155,7 +197,8 @@ const loading = $derived(props.loading ?? false);
     {/if}
   </section>
 
-  <section class="space-y-4">
+  <!-- Anexos -->
+  <section class="space-y-4 rounded-xl border border-base-300 bg-base-200/30 p-4">
     <div class="flex items-center justify-between">
       <div>
         <p class="font-semibold text-base-content">Anexos (opcional)</p>
@@ -164,6 +207,20 @@ const loading = $derived(props.loading ?? false);
         </p>
       </div>
       <label class="btn btn-outline btn-sm">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="h-4 w-4"
+          fill="none"
+          viewBox="0 0 24 24"
+          stroke="currentColor"
+        >
+          <path
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            stroke-width="2"
+            d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12"
+          />
+        </svg>
         Selecionar arquivos
         <input type="file" class="hidden" multiple accept=".pdf,.png,.jpg,.jpeg" onchange={handleFiles} />
       </label>
@@ -196,16 +253,31 @@ const loading = $derived(props.loading ?? false);
     {/if}
   </section>
 
-  <section class="flex flex-wrap gap-3">
+  <!-- Ações do Formulário -->
+  <section class="flex flex-wrap gap-3 border-t border-base-300 pt-6">
     <button
       type="submit"
-      class="btn btn-primary flex-1 min-w-[200px]"
+      class="btn btn-primary flex-1 min-w-[200px] shadow-lg"
       disabled={loading}
     >
       {#if loading}
         <span class="loading loading-spinner loading-sm"></span>
         Enviando...
       {:else}
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="h-5 w-5"
+          fill="none"
+          viewBox="0 0 24 24"
+          stroke="currentColor"
+        >
+          <path
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            stroke-width="2"
+            d="M12 19l9 2-9-18-9 18 9-2zm0 0v-8"
+          />
+        </svg>
         Registrar chamado
       {/if}
     </button>
@@ -215,6 +287,20 @@ const loading = $derived(props.loading ?? false);
       onclick={resetForm}
       disabled={loading}
     >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        class="h-5 w-5"
+        fill="none"
+        viewBox="0 0 24 24"
+        stroke="currentColor"
+      >
+        <path
+          stroke-linecap="round"
+          stroke-linejoin="round"
+          stroke-width="2"
+          d="M6 18L18 6M6 6l12 12"
+        />
+      </svg>
       Limpar
     </button>
   </section>

apps/web/src/lib/components/ferias/WizardSolicitacaoFerias.svelte

@@ -227,12 +227,13 @@
 <div class="wizard-ferias-container">
 	<!-- Progress Bar -->
 	<div class="mb-8">
-		<div class="flex items-center justify-between">
+		<div class="relative flex items-start">
 			{#each Array(totalPassos) as _, i (i)}
-				<div class="flex flex-1 items-center">
+				{@const labels = ['Ano & Saldo', 'Períodos', 'Confirmação']}
+				<div class="relative z-10 flex flex-1 flex-col items-center">
 					<!-- Círculo do passo -->
 					<div
-						class="relative flex h-12 w-12 items-center justify-center rounded-full font-bold transition-all duration-300"
+						class="relative z-20 flex h-12 w-12 items-center justify-center rounded-full font-bold transition-all duration-300"
 						class:bg-primary={passoAtual > i + 1}
 						class:text-white={passoAtual > i + 1}
 						class:border-4={passoAtual === i + 1}
@@ -261,10 +262,16 @@
 						{/if}
 					</div>
 
+					<!-- Label do passo -->
+					<p class="mt-3 text-center text-sm font-semibold" class:text-primary={passoAtual === i + 1}>
+						{labels[i]}
+					</p>
+
 					<!-- Linha conectora -->
 					{#if i < totalPassos - 1}
 						<div
-							class="mx-2 h-1 flex-1 transition-all duration-300"
+							class="absolute left-1/2 top-6 z-10 h-1 transition-all duration-300"
+							style="width: calc(100% - 1.5rem); margin-left: calc(50% + 0.75rem);"
 							class:bg-primary={passoAtual > i + 1}
 							class:bg-base-300={passoAtual <= i + 1}
 						></div>
@@ -272,19 +279,6 @@
 				</div>
 			{/each}
 		</div>
-
-		<!-- Labels dos passos -->
-		<div class="mt-4 flex justify-between px-1">
-			<div class="flex-1 text-center">
-				<p class="text-sm font-semibold" class:text-primary={passoAtual === 1}>Ano & Saldo</p>
-			</div>
-			<div class="flex-1 text-center">
-				<p class="text-sm font-semibold" class:text-primary={passoAtual === 2}>Períodos</p>
-			</div>
-			<div class="flex-1 text-center">
-				<p class="text-sm font-semibold" class:text-primary={passoAtual === 3}>Confirmação</p>
-			</div>
-		</div>
 	</div>
 
 	<!-- Conteúdo dos Passos -->

apps/web/src/lib/components/ti/CybersecurityWizcard.svelte

@@ -896,7 +896,7 @@
 				doc.setFontSize(8);
 				doc.setFont('helvetica', 'normal');
 				doc.setTextColor(128, 128, 128);
-				doc.text('SGSE - Sistema de Gerenciamento da Secretaria de Esportes', 105, 285, {
+				doc.text('SGSE - Sistema de Gerenciamento de Secretaria', 105, 285, {
 					align: 'center'
 				});
 				doc.text(`Gerado em: ${agoraStr}`, 105, 290, { align: 'center' });

apps/web/src/lib/components/ti/ReportGeneratorModal.svelte

@@ -197,7 +197,7 @@
 				doc.setFontSize(8);
 				doc.setTextColor(128, 128, 128);
 				doc.text(
-					`SGSE - Sistema de Gestão da Secretaria de Esportes | Página ${i} de ${pageCount}`,
+					`SGSE - Sistema de Gerenciamento de Secretaria | Página ${i} de ${pageCount}`,
 					doc.internal.pageSize.getWidth() / 2,
 					doc.internal.pageSize.getHeight() - 10,
 					{ align: 'center' }

apps/web/src/lib/utils/declaracoesGenerator.ts

@@ -172,7 +172,7 @@ export async function gerarDeclaracaoAcumulacaoCargo(funcionario: Funcionario):
   // Rodapé
   doc.setFontSize(8);
   doc.setTextColor(100);
-  doc.text('SGSE - Sistema de Gerenciamento da Secretaria de Esportes', 105, 285, { align: 'center' });
+  doc.text('SGSE - Sistema de Gerenciamento de Secretaria', 105, 285, { align: 'center' });
   
   return doc.output('blob');
 }
@@ -260,7 +260,7 @@ export async function gerarDeclaracaoDependentesIR(funcionario: Funcionario): Pr
   // Rodapé
   doc.setFontSize(8);
   doc.setTextColor(100);
-  doc.text('SGSE - Sistema de Gerenciamento da Secretaria de Esportes', 105, 285, { align: 'center' });
+  doc.text('SGSE - Sistema de Gerenciamento de Secretaria', 105, 285, { align: 'center' });
   
   return doc.output('blob');
 }
@@ -341,7 +341,7 @@ export async function gerarDeclaracaoIdoneidade(funcionario: Funcionario): Promi
   // Rodapé
   doc.setFontSize(8);
   doc.setTextColor(100);
-  doc.text('SGSE - Sistema de Gerenciamento da Secretaria de Esportes', 105, 285, { align: 'center' });
+  doc.text('SGSE - Sistema de Gerenciamento de Secretaria', 105, 285, { align: 'center' });
   
   return doc.output('blob');
 }
@@ -440,7 +440,7 @@ export async function gerarTermoNepotismo(funcionario: Funcionario): Promise<Blo
   // Rodapé
   doc.setFontSize(8);
   doc.setTextColor(100);
-  doc.text('SGSE - Sistema de Gerenciamento da Secretaria de Esportes', 105, 285, { align: 'center' });
+  doc.text('SGSE - Sistema de Gerenciamento de Secretaria', 105, 285, { align: 'center' });
   
   return doc.output('blob');
 }
@@ -562,7 +562,7 @@ export async function gerarTermoOpcaoRemuneracao(funcionario: Funcionario): Prom
   // Rodapé
   doc.setFontSize(8);
   doc.setTextColor(100);
-  doc.text('SGSE - Sistema de Gerenciamento da Secretaria de Esportes', 105, 285, { align: 'center' });
+  doc.text('SGSE - Sistema de Gerenciamento de Secretaria', 105, 285, { align: 'center' });
   
   return doc.output('blob');
 }