Fixed button in view

src/app/(dashboard)/leads/page.tsx

@@ -1,18 +1,18 @@
 "use client"
 
 import { useState, useMemo } from "react"
+import { useRouter } from "next/navigation"
 import { PageHeader } from "@/components/shared/page-header"
 import { LeadsTable } from "@/components/leads/leads-table"
 import { LeadsTableToolbar } from "@/components/leads/leads-table-toolbar"
-import { LeadFormDialog } from "@/components/leads/lead-form-dialog"
 import { leads } from "@/data/leads"
 import { filterLeadsByPeriod } from "@/lib/date-utils"
 
 export default function LeadsPage() {
+  const router = useRouter()
   const [search, setSearch] = useState("")
   const [statusFilter, setStatusFilter] = useState("all")
   const [periodFilter, setPeriodFilter] = useState("all")
-  const [createOpen, setCreateOpen] = useState(false)
 
   const filteredLeads = useMemo(() => {
     let result = leads
@@ -55,13 +55,11 @@ export default function LeadsPage() {
             onStatusFilterChange={setStatusFilter}
             periodFilter={periodFilter}
             onPeriodFilterChange={setPeriodFilter}
-            onCreateClick={() => setCreateOpen(true)}
+            onCreateClick={() => router.push("/leads/new")}
           />
         </div>
         <LeadsTable data={filteredLeads} />
       </div>
-
-      <LeadFormDialog open={createOpen} onOpenChange={setCreateOpen} />
     </div>
   )
 }