Add Turso/Vercel deployment configuration

- Updated database connection to support Turso auth token
- Added vercel.json with bun build configuration
- Updated environment schema for production deployment
- Added new features and components for production readiness

src/app/invoices/page.tsx

@@ -0,0 +1,42 @@
+import Link from "next/link";
+import { auth } from "~/server/auth";
+import { api, HydrateClient } from "~/trpc/server";
+import { Button } from "~/components/ui/button";
+import { InvoiceList } from "~/components/invoice-list";
+import { Plus } from "lucide-react";
+
+export default async function InvoicesPage() {
+  const session = await auth();
+
+  if (!session?.user) {
+    return (
+      <div className="flex min-h-screen items-center justify-center">
+        <div className="text-center">
+          <h1 className="text-4xl font-bold mb-4">Access Denied</h1>
+          <p className="text-muted-foreground mb-8">Please sign in to view invoices</p>
+          <Link href="/api/auth/signin">
+            <Button size="lg">Sign In</Button>
+          </Link>
+        </div>
+      </div>
+    );
+  }
+
+  // Prefetch invoices data
+  void api.invoices.getAll.prefetch();
+
+  return (
+    <HydrateClient>
+      <div className="p-6">
+        <div className="mb-8">
+          <h2 className="text-3xl font-bold mb-2">Invoices</h2>
+          <p className="text-muted-foreground">
+            Manage your invoices and payments
+          </p>
+        </div>
+
+        <InvoiceList />
+      </div>
+    </HydrateClient>
+  );
+}