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,18 +18,27 @@ 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 className="flex items-center justify-between">
         <div>
           <h1 className="text-3xl font-bold tracking-tight">Leads</h1>
           <p className="mt-2 text-muted-foreground">
             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>
           <CardTitle>Captured Leads</CardTitle>