feat: polish invoice editor and viewer UI with custom NumberInput

component

- Create custom NumberInput component with increment/decrement buttons
- Add 0.25 step increments for hours and rates in invoice forms
- Implement emerald-themed styling with hover states and accessibility
- Add keyboard navigation (arrow keys) and proper ARIA support
- Condense invoice editor tax/totals section into efficient grid layout
- Update client dropdown to single-line format (name + email)
- Add fixed footer with floating action bar pattern matching business
  forms
- Redesign invoice viewer with better space utilization and visual
  hierarchy
- Maintain professional appearance and consistent design system
- Fix Next.js 15 params Promise handling across all invoice pages
- Resolve TypeScript compilation errors and type-only imports

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

@@ -1,5 +1,20 @@
+import Link from "next/link";
 import { BusinessForm } from "~/components/business-form";
- 
+import { PageHeader } from "~/components/page-header";
+import { HydrateClient } from "~/trpc/server";
+
 export default function NewBusinessPage() {
-  return <BusinessForm mode="create" />;
-} 
+  return (
+    <div>
+      <PageHeader
+        title="Add Business"
+        description="Enter business details below to add a new business."
+        variant="gradient"
+      />
+
+      <HydrateClient>
+        <BusinessForm mode="create" />
+      </HydrateClient>
+    </div>
+  );
+}