Added main dashboard

src/app/(admin)/dashboard/page.tsx

@@ -1,4 +1,7 @@
+import { StatsCard } from "@/components/dashboard/stats-card"
 import { getSession } from "@/lib/auth/session"
+import { getDashboardStats } from "@/lib/dashboard/stats"
+import { LinkIcon, MousePointerClick, TrendingUp } from "lucide-react"
 
 export default async function Dashboard() {
     const { session, redirect } = await getSession()
@@ -7,10 +10,42 @@ export default async function Dashboard() {
         redirect("/sign-in")
     }
 
+    const stats = await getDashboardStats()
+
+    // Determine the most visited URL display value
+    const mostVisitedDisplay = stats.mostVisitedUrl
+        ? `${stats.mostVisitedUrl.title} (${stats.mostVisitedUrl.visitCount})`
+        : "No URLs"
+
+    const mostVisitedDescription = stats.mostVisitedUrl
+        ? `/${stats.mostVisitedUrl.slug} - ${stats.mostVisitedUrl.visitCount} visits`
+        : "Create your first shortened URL"
+
     return (
         <div className="p-6">
             <h1 className="text-2xl font-bold text-gray-900 mb-4">Dashboard</h1>
-            <p className="text-gray-600">Welcome to your dashboard! Use the sidebar to navigate to different sections.</p>
+            <p className="text-gray-600 mb-6">Welcome to your dashboard! Use the sidebar to navigate to different sections.</p>
+
+            <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 mb-6">
+                <StatsCard
+                    title="Shortened URLs"
+                    value={stats.totalUrls}
+                    icon={<LinkIcon className="h-4 w-4 text-muted-foreground" />}
+                    description="Total number of shortened links"
+                />
+                <StatsCard
+                    title="Total Visits"
+                    value={stats.totalVisits}
+                    icon={<MousePointerClick className="h-4 w-4 text-muted-foreground" />}
+                    description="Combined visits across all links"
+                />
+                <StatsCard
+                    title="Most Visited URL"
+                    value={mostVisitedDisplay}
+                    icon={<TrendingUp className="h-4 w-4 text-muted-foreground" />}
+                    description={mostVisitedDescription}
+                />
+            </div>
         </div>
     )
 }