feat: Introduce and integrate a mobile back button component across agent and user profile pages.

src/app/(agent)/agent/edit/page.tsx

@@ -7,6 +7,7 @@ import DynamicSection from './components/DynamicSection';
 import RepeatableSection, { RepeatableEntryData } from './components/RepeatableSection';
 import { profileSectionsService, ProfileSection, AgentTypeSectionsResponse } from '@/services/profile-sections.service';
 import { agentsService, AgentProfile, FieldValueInput } from '@/services/agents.service';
+import { MobileBackButton } from '@/components/layout/MobileBackButton';
 
 export default function EditProfilePage() {
   const router = useRouter();
@@ -364,6 +365,8 @@ export default function EditProfilePage() {
   }
 
   return (
+    <div>
+      <MobileBackButton label="Back" fallbackHref="/agent/dashboard" />
     <div className="flex gap-6 h-[calc(100vh-180px)]">
       {/* Left Sidebar - Quick Links */}
       <div className="w-[220px] flex-shrink-0 hidden lg:block h-full overflow-y-auto scrollbar-thin">
@@ -448,5 +451,6 @@ export default function EditProfilePage() {
         </div>
       </div>
     </div>
+    </div>
   );
 }