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

src/app/(user)/user/profiles/page.tsx

@@ -8,6 +8,7 @@ import { FilterModal, FilterState, FilterField } from '@/components/profiles/Fil
 import { agentsService, AgentType, PublicAgentProfile, SearchAgentsParams } from '@/services/agents.service';
 import { profileSectionsService, FilterableField } from '@/services/profile-sections.service';
 import { uploadService } from '@/services/upload.service';
+import { MobileBackButton } from '@/components/layout/MobileBackButton';
 
 interface FilterSectionProps {
   title: string;
@@ -281,7 +282,7 @@ function ProfileCard({ profile, resolvedAvatarUrl }: ProfileCardProps) {
           className="w-full sm:w-[200px] h-[200px] rounded-[15px]"
         />
         <Link href={`/user/profile/${profile.id}`} className="mt-4">
-          <button className="w-[113px] py-2.5 bg-[#e58625] hover:bg-[#d47720] text-[#00293d] font-fractul font-bold text-[14px] rounded-[15px] transition-colors">
+          <button className="w-[113px] py-2.5 bg-[#e58625] hover:bg-[#d47720] text-[#00293d] font-fractul font-bold text-[14px] rounded-[15px] transition-colors text-center flex items-center justify-center">
             View Profile
           </button>
         </Link>
@@ -609,6 +610,7 @@ function ProfilesPageContent() {
   return (
     <div className="min-h-screen bg-white">
       <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6">
+        <MobileBackButton label="Back" fallbackHref="/user/dashboard" />
         <div className="flex gap-6">
           {/* Left Sidebar - hidden on mobile, sticky */}
           <div className="hidden lg:block w-[220px] flex-shrink-0 self-start sticky top-6 max-h-[calc(100vh-48px)] overflow-y-auto scrollbar-thin">