dashboard: substituir 'Abrir ticket' por botão 'Novo ticket' com modal (mesmo layout e funcionalidade da tela de tickets)

src/app/dashboard/page.tsx

@@ -1,22 +1,31 @@
+import dynamic from "next/dynamic"
 import { AppShell } from "@/components/app-shell"
 import { SectionCards } from "@/components/section-cards"
 import { SiteHeader } from "@/components/site-header"
 import { RecentTicketsPanel } from "@/components/tickets/recent-tickets-panel"
 import { TicketQueueSummaryCards } from "@/components/tickets/ticket-queue-summary"
 import { ChartAreaInteractive } from "@/components/chart-area-interactive"
-
-export default function Dashboard() {
-  return (
-    <AppShell
-      header={
-        <SiteHeader
-          title="Central de operações"
-          lead="Monitoramento em tempo real"
-          secondaryAction={<SiteHeader.SecondaryButton>Abrir ticket</SiteHeader.SecondaryButton>}
-          primaryAction={<SiteHeader.PrimaryButton>Modo play</SiteHeader.PrimaryButton>}
-        />
-      }
-    >
+
+const NewTicketDialog = dynamic(
+  () =>
+    import("@/components/tickets/new-ticket-dialog").then((module) => ({
+      default: module.NewTicketDialog,
+    })),
+  { ssr: false }
+)
+
+export default function Dashboard() {
+  return (
+    <AppShell
+      header={
+        <SiteHeader
+          title="Central de operações"
+          lead="Monitoramento em tempo real"
+          secondaryAction={<SiteHeader.SecondaryButton>Modo play</SiteHeader.SecondaryButton>}
+          primaryAction={<NewTicketDialog />}
+        />
+      }
+    >
       <SectionCards />
       <div className="grid gap-6 px-4 lg:grid-cols-[minmax(0,1.1fr)_minmax(0,0.9fr)] lg:px-6 lg:[&>*]:min-w-0">
         <ChartAreaInteractive />