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/components/Sidebar.tsx

@@ -2,72 +2,19 @@
 
 import Link from "next/link";
 import { usePathname } from "next/navigation";
-import { Sheet, SheetContent, SheetTrigger } from "~/components/ui/sheet";
-import { Button } from "~/components/ui/button";
-import { MenuIcon, Settings, LayoutDashboard, Users, FileText } from "lucide-react";
-import { useState } from "react";
+import { Settings, LayoutDashboard, Users, FileText, Building } from "lucide-react";
 
 const navLinks = [
   { name: "Dashboard", href: "/dashboard", icon: LayoutDashboard },
   { name: "Clients", href: "/dashboard/clients", icon: Users },
+  { name: "Businesses", href: "/dashboard/businesses", icon: Building },
   { name: "Invoices", href: "/dashboard/invoices", icon: FileText },
 ];
 
 export function Sidebar() {
   const pathname = usePathname();
-  const [open, setOpen] = useState(false);
 
   return (
-    <>
-      {/* Mobile trigger */}
-      <div className="md:hidden p-2">
-        <Sheet open={open} onOpenChange={setOpen}>
-          <SheetTrigger asChild>
-            <Button variant="outline" size="icon" aria-label="Open sidebar">
-              <MenuIcon className="h-5 w-5" />
-            </Button>
-          </SheetTrigger>
-          <SheetContent side="left" className="p-0 w-64 bg-white/95 border-0 rounded-r-xl backdrop-blur-sm">
-            <nav className="flex flex-col gap-1 p-4">
-              <div className="mb-2 text-xs font-semibold text-gray-400 tracking-wider uppercase">Main</div>
-              {navLinks.map((link) => {
-                const Icon = link.icon;
-                return (
-                  <Link
-                    key={link.href}
-                    href={link.href}
-                    aria-current={pathname === link.href ? "page" : undefined}
-                    className={`flex items-center gap-3 rounded-lg px-3 py-2 text-base font-medium transition-all duration-200 ${
-                      pathname === link.href 
-                        ? "bg-emerald-100 text-emerald-700 shadow-lg" 
-                        : "text-gray-700 hover:bg-gray-100"
-                    }`}
-                    onClick={() => setOpen(false)}
-                  >
-                    <Icon className="h-5 w-5" />
-                    {link.name}
-                  </Link>
-                );
-              })}
-              <div className="border-t border-gray-200 my-4" />
-              <div className="mb-2 text-xs font-semibold text-gray-400 tracking-wider uppercase">Account</div>
-              <Link
-                href="/dashboard/settings"
-                className={`flex items-center gap-3 rounded-lg px-3 py-2 text-base font-medium transition-all duration-200 ${
-                  pathname === "/dashboard/settings"
-                    ? "bg-emerald-100 text-emerald-700 shadow-lg"
-                    : "text-gray-700 hover:bg-gray-100"
-                }`}
-                onClick={() => setOpen(false)}
-              >
-                <Settings className="h-5 w-5" />
-                Settings
-              </Link>
-            </nav>
-          </SheetContent>
-        </Sheet>
-      </div>
-      {/* Desktop sidebar */}
       <aside className="hidden md:flex flex-col justify-between fixed left-6 top-28 bottom-6 w-64 z-20 bg-white/60 backdrop-blur-md shadow-2xl rounded-xl border-0 p-8">
         <nav className="flex flex-col gap-1">
           <div className="mb-2 text-xs font-semibold text-gray-400 tracking-wider uppercase">Main</div>
@@ -106,6 +53,5 @@ export function Sidebar() {
           </Link>
         </div>
       </aside>
-    </>
   );
 }