feat(frontend): add page titles to navbar on mobile

- Save vertical space on mobile by showing page title in navbar
- Mobile: "spotlight.cam - {PageTitle}" instead of separate h1
- Desktop: unchanged - page titles remain as separate headings
- Saves ~60-80px vertical space on mobile devices

Pages updated:
- Dashboard, Events, Matches, History, Profile

frontend/src/pages/EventsPage.jsx

@@ -192,10 +192,10 @@ const EventsPage = () => {
   };
 
   return (
-    <Layout>
+    <Layout pageTitle="Events">
       <div className="max-w-4xl mx-auto">
-        <h1 className="text-3xl font-bold text-gray-900 mb-2">Choose an event</h1>
-        <p className="text-gray-600 mb-8">Join an event and start connecting with other dancers</p>
+        <h1 className="hidden lg:block text-3xl font-bold text-gray-900 mb-2">Choose an event</h1>
+        <p className="hidden lg:block text-gray-600 mb-8">Join an event and start connecting with other dancers</p>
 
         {canLoadMorePast && (
           <div className="mb-4 flex justify-center">