feat: wraps long username (#1480)

Author: katrinan029

src/components/PeopleManagement/LearnerDetailPage/LearnerDetailPage.jsx

@@ -98,7 +98,7 @@ const LearnerDetailPage = ({ enterpriseUUID }) => {
             <Card className="learner-detail-card">
               <Icon src={Person} className="learner-detail-icon" />
               <Card.Section className="text-center">
-                <h2>{learnerData?.name}</h2>
+                <h2 className="text-wrap">{learnerData?.name}</h2>
                 <p className="mb-1 small">{learnerData?.email}</p>
                 <p className="mb-1 small">Joined on {learnerData?.joinedOrg}</p>
               </Card.Section>