feat(ui): melhora UX do formulario de tickets

- Adiciona skeleton loading no formulario de novo chamado do portal
- Remove texto confuso do tipo de solicitacao padrao
- Padroniza estilo dos labels Categoria/Subcategoria com os demais campos
- Move botao "Criar" do header para parte inferior do modal na web

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

src/components/tickets/new-ticket-dialog.tsx

@@ -776,28 +776,13 @@ export function NewTicketDialog({
         <div className="max-h-[88vh] overflow-y-auto">
           <div className="space-y-5 px-6 pt-7 pb-12 sm:px-8 md:px-10">
             <form className="space-y-6" onSubmit={form.handleSubmit(submit)}>
-              <div className="flex flex-col gap-4 border-b border-slate-200 pb-5 md:flex-row md:items-start md:justify-between">
+              <div className="border-b border-slate-200 pb-5">
                 <DialogHeader className="gap-1.5 p-0">
                   <DialogTitle className="text-xl font-semibold text-neutral-900">Novo ticket</DialogTitle>
                   <DialogDescription className="text-sm text-neutral-600">
                     Preencha as informações básicas para abrir um chamado.
                   </DialogDescription>
                 </DialogHeader>
-                <div className="flex justify-end md:min-w-[140px]">
-                  <Button
-                    type="submit"
-                    disabled={loading}
-                    className="inline-flex items-center gap-2 rounded-lg border border-black bg-black px-4 py-2 text-sm font-semibold text-white transition hover:bg-[#18181b]/85 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#18181b]/30 disabled:opacity-60"
-                  >
-                    {loading ? (
-                      <>
-                        <Spinner className="me-2" /> Criando…
-                      </>
-                    ) : (
-                      "Criar"
-                    )}
-                  </Button>
-                </div>
               </div>
               {forms.length > 1 ? (
                 <div className="rounded-xl border border-slate-200 bg-slate-50 px-4 py-4">
@@ -1023,8 +1008,8 @@ export function NewTicketDialog({
                         subcategoryId={subcategoryIdValue || null}
                         onCategoryChange={handleCategoryChange}
                         onSubcategoryChange={handleSubcategoryChange}
-                        categoryLabel="Categoria primária *"
-                        subcategoryLabel="Categoria secundária *"
+                        categoryRequired
+                        subcategoryRequired
                         layout="stacked"
                       />
                       {form.formState.errors.categoryId?.message || form.formState.errors.subcategoryId?.message ? (
@@ -1520,6 +1505,22 @@ export function NewTicketDialog({
                   </div>
                 </div>
               </FieldSet>
+
+              <div className="flex justify-end border-t border-slate-200 pt-5">
+                <Button
+                  type="submit"
+                  disabled={loading}
+                  className="inline-flex items-center gap-2 rounded-lg border border-black bg-black px-4 py-2 text-sm font-semibold text-white transition hover:bg-[#18181b]/85 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#18181b]/30 disabled:opacity-60"
+                >
+                  {loading ? (
+                    <>
+                      <Spinner className="me-2" /> Criando…
+                    </>
+                  ) : (
+                    "Criar"
+                  )}
+                </Button>
+              </div>
             </form>
           </div>
         </div>