feat: Enhance provider components with detailed documentation and comments

- Added comprehensive comments and JSDoc-style documentation to NotificationProvider, ThemeProvider, UserProvider, and WebsiteThemeProvider for better clarity and maintainability.
- Improved type definitions in index.ts for better code understanding and usage.
- Introduced Docker support with Dockerfiles for various services including AI server, signaling server, and browser-use service.
- Created a docker-compose.yml file to orchestrate multiple services including PostgreSQL, AI, scraper, and frontend.
- Added a startup guide (startup.txt) for setting up the CRM environment on Ubuntu with Docker.
- Included a .dockerignore file to exclude unnecessary files from Docker builds.

src/components/dashboard/recent-leads-table.tsx

@@ -1,3 +1,7 @@
+// ── Dashboard: Recent Leads Table ──
+// Compact table showing the most recent leads with company (linked), contact, status badge,
+// assigned user avatar, and date. "View all" link navigates to /leads.
+
 "use client"
 
 import Link from "next/link"
@@ -8,6 +12,7 @@ import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"
 import { Lead } from "@/types"
 import { ArrowRight } from "lucide-react"
 
+/** Color-coded status badge classes */
 const statusStyles: Record<string, string> = {
   open: "bg-blue-500/10 text-blue-600 dark:text-blue-400 border-blue-500/20",
   contacted: "bg-amber-500/10 text-amber-600 dark:text-amber-400 border-amber-500/20",
@@ -20,6 +25,10 @@ interface RecentLeadsTableProps {
   leads: Lead[]
 }
 
+/**
+ * RecentLeadsTable — dashboard widget showing the latest leads in a responsive table.
+ * Supports hover row highlighting and staggered-row animations.
+ */
 export function RecentLeadsTable({ leads }: RecentLeadsTableProps) {
   return (
     <motion.div