Add clickable rows and standardize action button styles

The changes add row click functionality and consistent action button
styling across data tables. Main updates:

- Add `onRowClick` handler to make rows clickable and navigate to
  details pages
- Add `data-action-button` attribute to exclude action buttons from row
  click
- Fix TypeScript errors and types

src/app/dashboard/invoices/new/page.tsx

@@ -423,29 +423,31 @@ export default function NewInvoicePage() {
                 </div>
               </div>
 
-              <DatePicker
-                date={formData.issueDate}
-                onDateChange={(date) =>
-                  setFormData({
-                    ...formData,
-                    issueDate: date ?? new Date(),
-                  })
-                }
-                label="Issue Date"
-                required
-              />
+              <div className="space-y-2">
+                <Label className="text-sm font-medium">Issue Date *</Label>
+                <DatePicker
+                  date={formData.issueDate}
+                  onDateChange={(date) =>
+                    setFormData({
+                      ...formData,
+                      issueDate: date ?? new Date(),
+                    })
+                  }
+                />
+              </div>
 
-              <DatePicker
-                date={formData.dueDate}
-                onDateChange={(date) =>
-                  setFormData({
-                    ...formData,
-                    dueDate: date ?? new Date(),
-                  })
-                }
-                label="Due Date"
-                required
-              />
+              <div className="space-y-2">
+                <Label className="text-sm font-medium">Due Date *</Label>
+                <DatePicker
+                  date={formData.dueDate}
+                  onDateChange={(date) =>
+                    setFormData({
+                      ...formData,
+                      dueDate: date ?? new Date(),
+                    })
+                  }
+                />
+              </div>
             </div>
           </CardContent>
         </Card>