Add modular dashboard widgets and layout editor

Introduces a modular dashboard system with draggable, configurable widgets including revenue, low stock, recent customers, and pending chats. Adds a dashboard editor for layout customization, widget visibility, and settings. Refactors dashboard content to use the new widget system and improves UI consistency and interactivity.

components/dashboard/recent-activity.tsx

@@ -6,7 +6,7 @@ import { ShoppingBag, CreditCard, Truck, MessageSquare, AlertCircle } from "luci
 import { Card, CardContent, CardHeader, CardTitle, CardDescription } from "@/components/ui/card"
 import { clientFetch } from "@/lib/api"
 import { Skeleton } from "@/components/ui/skeleton"
-import { formatDistanceToNow } from "date-fns"
+import { RelativeTime } from "@/components/ui/relative-time"
 import Link from "next/link"
 
 interface ActivityItem {
@@ -100,7 +100,7 @@ export default function RecentActivity() {
                                             Order #{item.orderId}
                                         </Link>
                                         <span className="text-xs text-muted-foreground">
-                                            {formatDistanceToNow(new Date(item.orderDate), { addSuffix: true })}
+                                            <RelativeTime date={item.orderDate} />
                                         </span>
                                     </div>
                                     <p className="text-sm text-muted-foreground">