fix: add personal information heading (#49060)

client/i18n/locales/english/translations.json

@@ -158,7 +158,8 @@
       "honesty": "Academic Honesty Policy",
       "internet": "Your Internet Presence",
       "portfolio": "Portfolio Settings",
-      "privacy": "Privacy Settings"
+      "privacy": "Privacy Settings",
+      "personal-info": "Personal Information"
     },
     "danger": {
       "heading": "Danger Zone",

client/src/components/settings/about.tsx

@@ -15,6 +15,7 @@ import SoundSettings from './sound';
 import ThemeSettings, { Themes } from './theme';
 import UsernameSettings from './username';
 import KeyboardShortcutsSettings from './keyboard-shortcuts';
+import SectionHeader from './section-header';
 
 type FormValues = {
   name: string;
@@ -212,6 +213,7 @@ class AboutSettings extends Component<AboutProps, AboutState> {
       <div className='about-settings'>
         <UsernameSettings username={username} />
         <br />
+        <SectionHeader>{t('settings.headings.personal-info')}</SectionHeader>
         <FullWidthRow>
           <form id='camper-identity' onSubmit={this.handleSubmit}>
             <FormGroup controlId='about-name'>