fix(client): privacy settings message on profile page (#54792)

client/i18n/locales/english/translations.json

@@ -297,7 +297,6 @@
     }
   },
   "profile": {
-    "username-not-public": "{{username}} has not made their portfolio public.",
     "you-change-privacy": "You need to change your privacy setting in order for your portfolio to be seen by others. This is a preview of how your portfolio will look when made public.",
     "username-change-privacy": "{{username}} needs to change their privacy setting in order for you to view their portfolio.",
     "supporter": "Supporter",

client/src/components/profile/profile.tsx

@@ -38,12 +38,9 @@ const VisitorMessage = ({
 }: Omit<MessageProps, 'isSessionUser'>) => {
   return (
     <FullWidthRow>
-      <h2 className='text-center' style={{ overflowWrap: 'break-word' }}>
-        {t('profile.username-not-public', { username: username })}
-      </h2>
-      <p className='alert alert-info'>
-        {t('profile.username-change-privacy', { username: username })}
-      </p>
+      <Alert variant='info'>
+        {t('profile.username-change-privacy', { username })}
+      </Alert>
       <Spacer size='medium' />
     </FullWidthRow>
   );