tweak profile page wording and show all four profiles

www/src/Locales/en/ProfileSettings.jsx

@@ -1,5 +1,8 @@
 export default {
 	"header-text": "Profiles",
-	"profile-pins-desc": "Profiles allow for three additional (limited) button mappings to be configured and loaded via hotkey. This page allows for the configuration of the eight primary action buttons for profiles 2 through 4 (the first profile is the core configuration). The following sample layout is provided as a cheat sheet, it shows the pins for the eight action buttons as inferred from the first profile.",
-	"profile": "Profile",
+	"profile-pins-desc": "This page allows three additional button mappings to be configured as profiles 2 through 4, which can be loaded via hotkey. (The first profile is the core configuration from the Pin Mapping page.) A physical layout of the pins:",
+	"profile-1": "Profile 1",
+	"profile-2": "Profile 2",
+	"profile-3": "Profile 3",
+	"profile-4": "Profile 4",
 }

www/src/Pages/ProfileSettings.jsx

@@ -170,16 +170,18 @@ export default function ProfileOptionsPage() {
 					<thead>
 						<tr>
 							<th className="table-header-button-label">{BUTTONS[buttonLabelType].label}</th>
-							<th>{t('ProfileSettings:profile')} 2</th>
-							<th>{t('ProfileSettings:profile')} 3</th>
-							<th>{t('ProfileSettings:profile')} 4</th>
+							<th>{t('ProfileSettings:profile-1')}</th>
+							<th>{t('ProfileSettings:profile-2')}</th>
+							<th>{t('ProfileSettings:profile-3')}</th>
+							<th>{t('ProfileSettings:profile-4')}</th>
 						</tr>
 					</thead>
 					<tbody>
 						{console.log(Object.keys(profileOptions['alternativePinMappings'][0]))}
 						{Object.keys(profileOptions['alternativePinMappings'][0]).map((key) => (
 							<tr key={key}>
 								<td>{BUTTONS[buttonLabelType][key]}</td>
+								<td>{buttonMappings[key].pin}</td>
 								{pinCell(0, key)}
 								{pinCell(1, key)}
 								{pinCell(2, key)}