Add "Edit" button to event details page

Introduced an "Edit" button in the event details header for improved user access to editing event information. This button uses a link with an outline variant and includes an icon for better visual context. The layout was adjusted to accommodate the new button while preserving responsiveness.

frontend/src/app/(main)/dashboard/events/[slug]/page.tsx

@@ -21,6 +21,7 @@ import {
   Loader2Icon,
   MailIcon,
   MapPinIcon,
+  PencilIcon,
   PhoneIcon,
 } from "lucide-react";
 
@@ -77,7 +78,8 @@ export default function EventDetailPage() {
 
   return (
     <div>
-      <header className="mb-8">
+      <header className="mb-8 flex justify-between items-start">
+        <div>
           <h1 className="text-4xl font-bold tracking-tight">{event.title}</h1>
           <div className="mt-2 flex items-center gap-2">
             {event.is_public ? (
@@ -110,6 +112,13 @@ export default function EventDetailPage() {
               </Badge>
             )}
           </div>
+        </div>
+        <Button asChild variant="outline" className="flex items-center gap-2">
+          <Link href={`/dashboard/events/${event.slug}/edit`}>
+            <PencilIcon className="h-4 w-4" />
+            <span>Edit</span>
+          </Link>
+        </Button>
       </header>
 
       <div className="grid grid-cols-1 md:grid-cols-3 gap-6">