Restores Appearance Changer bodytype selection w clearer text (#21733)

Fixes https://github.com/Aurorastation/Aurora.3/issues/21729

Follow-up on https://github.com/Aurorastation/Aurora.3/issues/21438.

html/changelogs/Bat-AppearanceChanger.yml

@@ -0,0 +1,13 @@
+# Your name.
+author: Batrachophrenoboocosmomachia
+
+# Optional: Remove this file after generating master changelog.  Useful for PR changelogs that won't get used again.
+delete-after: True
+
+# Any changes you've made.  See valid prefix list above.
+# INDENT WITH TWO SPACES.  NOT TABS.  SPACES.
+# SCREW THIS UP AND IT WON'T WORK.
+# Also, this gets changed to [] after reading.  Just remove the brackets when you add new shit.
+# Please surround your changes in  double quotes ("). It works without them, but if you use certain characters it screws up compiling. The quotes will not show up in the changelog.
+changes:
+  - rscadd: "Re-implementation of bodytype selection in Appearance Changer with clearer language."

tgui/packages/tgui/interfaces/AppearanceChanger.tsx

@@ -103,15 +103,25 @@ export const GenderWindow = (props, context) => {
   const { act, data } = useBackend<ChangerData>(context);
 
   return (
-    <Section title="Pronouns">
-      {data.valid_pronouns.map((pronoun) => (
+    <Section title="Bodytype">
+      {data.valid_genders.map((new_gender) => (
         <Button
-          key={pronoun}
-          content={capitalize(pronoun)}
-          selected={data.owner_pronouns === pronoun}
-          onClick={() => act('pronoun', { pronouns: pronoun })}
+          key={new_gender}
+          content={capitalize(new_gender)}
+          selected={data.owner_gender === new_gender}
+          onClick={() => act('gender', { gender: new_gender })}
         />
       ))}
+      <Section title="Pronouns">
+        {data.valid_pronouns.map((pronoun) => (
+          <Button
+            key={pronoun}
+            content={capitalize(pronoun)}
+            selected={data.owner_pronouns === pronoun}
+            onClick={() => act('pronoun', { pronouns: pronoun })}
+          />
+        ))}
+      </Section>
     </Section>
   );
 };