feat: implement event card component and event detail page with mock data rendering

src/App.tsx

@@ -4,6 +4,7 @@ import Navbar from './components/Navbar';
 import Footer from './components/Footer';
 import Home from './pages/Home';
 import AllEvents from './pages/AllEvents';
+import EventDetail from './pages/EventDetail';
 
 function ScrollToTop() {
   const { pathname } = useLocation();
@@ -26,6 +27,7 @@ function App() {
           <Routes>
             <Route path="/" element={<Home />} />
             <Route path="/events" element={<AllEvents />} />
+            <Route path="/event/:id" element={<EventDetail />} />
           </Routes>
         </main>