Revert "fix: fixed font sizing issue after applying elm theme (#1228)" (#1232)

This reverts commit a9159f6.

Author: eemaanamir

src/profile-v2/DateJoined.jsx

@@ -6,13 +6,13 @@ const DateJoined = ({ date }) => {
   if (!date) { return null; }
 
   return (
-    <span className="date-joined mb-0 text-gray-800">
+    <span className="small mb-0 text-gray-800">
       <FormattedMessage
         id="profile.datejoined.member.since"
         defaultMessage="Member since {year}"
         description="A label for how long the user has been a member"
         values={{
-          year: <span className="font-weight-bold date-joined"> <FormattedDate value={new Date(date)} year="numeric" /> </span>,
+          year: <span className="font-weight-bold"> <FormattedDate value={new Date(date)} year="numeric" /> </span>,
         }}
       />
     </span>

src/profile-v2/ProfilePage.jsx

@@ -219,7 +219,7 @@ const ProfilePage = ({ params }) => {
                         : 'justify-content-start align-items-start',
                     ])}
                   >
-                    <p className="row m-0 font-weight-bold text-truncate text-primary-500 user-name">
+                    <p className="row m-0 font-weight-bold text-truncate text-primary-500 h3">
                       {params.username}
                     </p>
                     {isBlockVisible(name) && (
@@ -293,7 +293,7 @@ const ProfilePage = ({ params }) => {
                 >
                   <div className="m-0">
                     <div className="row m-0 pb-1.5 align-items-center">
-                      <p data-hj-suppress className="field-headings font-weight-bold m-0">
+                      <p data-hj-suppress className="h5 font-weight-bold m-0">
                         {intl.formatMessage(messages['profile.username'])}
                       </p>
                       <OverlayTrigger
@@ -310,9 +310,9 @@ const ProfilePage = ({ params }) => {
                         <InfoOutline className="m-0 info-icon" />
                       </OverlayTrigger>
                     </div>
-                    <h6 className="edit-section-header text-gray-700">
+                    <h4 className="edit-section-header text-gray-700">
                       {params.username}
-                    </h6>
+                    </h4>
                   </div>
                   {isBlockVisible(name) && (
                   <Name