Add database schema updates for user profile fields and streams, seed initial data, and extend components with streaming settings and profile fields.

packages/web/src/components/ProfileSidebar.tsx

@@ -1,4 +1,3 @@
-import { Link } from "@tanstack/react-router"
 import { ExternalLink, MapPin, Calendar, Users } from "lucide-react"
 
 interface ProfileSidebarProps {

packages/web/src/components/Settings-panel.tsx

@@ -5,9 +5,10 @@ import {
   UserRound,
   type LucideIcon,
   CreditCard,
+  Video,
 } from "lucide-react"
 
-type SettingsSection = "preferences" | "profile" | "billing"
+type SettingsSection = "preferences" | "profile" | "streaming" | "billing"
 
 interface UserProfile {
   name?: string | null
@@ -30,6 +31,7 @@ type NavItem = {
 const navItems: NavItem[] = [
   { id: "preferences", label: "Preferences", icon: SlidersHorizontal },
   { id: "profile", label: "Profile", icon: UserRound },
+  { id: "streaming", label: "Streaming", icon: Video },
   { id: "billing", label: "Manage Billing", icon: CreditCard },
 ]