fix: prevent profile bio/description horizontal overflow

Add min-w-0 to the flex-1 right content column so it can shrink below
its content width (flex items default to min-width:auto), and break-words
on the bio paragraph for long unbroken strings.

src/app/(user)/user/profile/[id]/page.tsx

@@ -533,7 +533,7 @@ export default function AgentProfileView() {
           </div>
 
           {/* Right Content - Profile Info + Experience + All Sections */}
-          <div className="flex-1 space-y-4">
+          <div className="flex-1 min-w-0 space-y-4">
             {/* Profile Card - No edit button for user view */}
             <ProfileCard
               firstName={agentProfile.firstName}

src/components/profile/ProfileCard.tsx

@@ -276,7 +276,7 @@ export function ProfileCard({
       </div>
 
       {/* Bio */}
-      <p className="text-[14px] font-normal text-[#00293D] font-serif leading-[20px] mb-4 text-center lg:text-left">
+      <p className="text-[14px] font-normal text-[#00293D] font-serif leading-[20px] mb-4 text-center lg:text-left break-words">
         {bio}
       </p>