create a go to front end button where instructed, so that admin can go f

src/app/admin/leads/page.tsx

@@ -1,4 +1,6 @@
 
+import Link from 'next/link';
+import { Button } from '@/components/ui/button';
 import {
   Card,
   CardContent,
@@ -16,17 +18,26 @@ import {
 } from '@/components/ui/table';
 import { getLeads } from '@/lib/actions/leads';
 import { format } from 'date-fns';
+import { ExternalLink } from 'lucide-react';
 
 export default async function LeadsPage() {
   const leads = await getLeads();
 
   return (
     <div className="space-y-8">
-      <div>
+      <div className="flex items-center justify-between">
-        <h1 className="text-3xl font-bold tracking-tight">Leads</h1>
+        <div>
-        <p className="mt-2 text-muted-foreground">
+          <h1 className="text-3xl font-bold tracking-tight">Leads</h1>
-          A list of all the users who have requested an estimate.
+          <p className="mt-2 text-muted-foreground">
-        </p>
+            A list of all the users who have requested an estimate.
+          </p>
+        </div>
+        <Link href="/" passHref>
+          <Button variant="outline">
+            <ExternalLink className="mr-2 h-4 w-4" />
+            Go to Frontend
+          </Button>
+        </Link>
       </div>
       <Card>
         <CardHeader>