feat: implement invite onboarding and dynamic ticket fields

web/src/app/admin/fields/page.tsx

@@ -1,17 +1,24 @@
+import { CategoriesManager } from "@/components/admin/categories/categories-manager"
 import { FieldsManager } from "@/components/admin/fields/fields-manager"
+import { AppShell } from "@/components/app-shell"
+import { SiteHeader } from "@/components/site-header"
 
 export const dynamic = "force-dynamic"
 
 export default function AdminFieldsPage() {
   return (
-    <main className="mx-auto w-full max-w-6xl px-4 py-10 lg:px-0">
-      <header className="mb-8 space-y-2">
-        <h1 className="text-3xl font-semibold tracking-tight text-neutral-900">Campos personalizados</h1>
-        <p className="text-sm text-neutral-600">
-          Defina quais informações adicionais devem ser coletadas nos tickets de cada tenant.
-        </p>
-      </header>
-      <FieldsManager />
-    </main>
+    <AppShell
+      header={
+        <SiteHeader
+          title="Categorias e campos personalizados"
+          lead="Administre as categorias primárias/secundárias e os campos adicionais aplicados aos tickets."
+        />
+      }
+    >
+      <div className="mx-auto w-full max-w-6xl space-y-8 px-6 lg:px-8">
+        <CategoriesManager />
+        <FieldsManager />
+      </div>
+    </AppShell>
   )
 }