💬(demo) transform gender form into sex

To stick to civil information we rename gender field to sex.

apps/demo/src/Character.ts

@@ -3,7 +3,7 @@ import { faker } from "@faker-js/faker";
 export interface Character {
   id: string;
   name: string;
-  gender: "male" | "female" | "other";
+  sex: "male" | "female";
   birthDate: Date;
   firstAppearanceDate: Date;
   lastAppearanceDate: Date;
@@ -28,141 +28,141 @@ export const database: Character[] = [
   {
     id: faker.string.uuid(),
     name: "Richie Cunningham",
-    gender: "male",
-    isGuest: false,
+    sex: "male",
+    isGuest: faker.datatype.boolean(),
     ...randomDates(),
   },
   {
     id: faker.string.uuid(),
     name: "Joanie Cunningham",
-    gender: "female",
-    isGuest: false,
+    sex: "female",
+    isGuest: faker.datatype.boolean(),
     ...randomDates(),
   },
   {
     id: faker.string.uuid(),
     name: "Arthur Fonzarelli",
-    gender: "male",
-    isGuest: false,
+    sex: "male",
+    isGuest: faker.datatype.boolean(),
     ...randomDates(),
   },
   {
     id: faker.string.uuid(),
     name: "Marion Cunningham",
-    gender: "female",
-    isGuest: false,
+    sex: "female",
+    isGuest: faker.datatype.boolean(),
     ...randomDates(),
   },
   {
     id: faker.string.uuid(),
     name: "Ralph Malph",
-    gender: "male",
-    isGuest: false,
+    sex: "male",
+    isGuest: faker.datatype.boolean(),
     ...randomDates(),
   },
   {
     id: faker.string.uuid(),
     name: "Howard Cunningham",
-    gender: "male",
-    isGuest: false,
+    sex: "male",
+    isGuest: faker.datatype.boolean(),
     ...randomDates(),
   },
   {
     id: faker.string.uuid(),
     name: "Marsha Simms",
-    gender: "female",
-    isGuest: false,
+    sex: "female",
+    isGuest: faker.datatype.boolean(),
     ...randomDates(),
   },
   {
     id: faker.string.uuid(),
     name: "Warren Berlinger",
-    gender: "male",
-    isGuest: false,
+    sex: "male",
+    isGuest: faker.datatype.boolean(),
     ...randomDates(),
   },
   {
     id: faker.string.uuid(),
     name: "Al Molinaro",
-    gender: "male",
-    isGuest: false,
+    sex: "male",
+    isGuest: faker.datatype.boolean(),
     ...randomDates(),
   },
   {
     id: faker.string.uuid(),
     name: "Verna LaVerne",
-    gender: "female",
-    isGuest: false,
+    sex: "female",
+    isGuest: faker.datatype.boolean(),
     ...randomDates(),
   },
   {
     id: faker.string.uuid(),
     name: "Arnold Takahashi",
-    gender: "male",
-    isGuest: false,
+    sex: "male",
+    isGuest: faker.datatype.boolean(),
     ...randomDates(),
   },
   {
     id: faker.string.uuid(),
     name: "Linda Purl",
-    gender: "female",
-    isGuest: false,
+    sex: "female",
+    isGuest: faker.datatype.boolean(),
     ...randomDates(),
   },
   {
     id: faker.string.uuid(),
     name: "Crystal Bernard",
-    gender: "female",
-    isGuest: false,
+    sex: "female",
+    isGuest: faker.datatype.boolean(),
     ...randomDates(),
   },
   {
     id: faker.string.uuid(),
     name: "Heather O'Rourke",
-    gender: "female",
-    isGuest: false,
+    sex: "female",
+    isGuest: faker.datatype.boolean(),
     ...randomDates(),
   },
   {
     id: faker.string.uuid(),
     name: "Scott Bernstein",
-    gender: "male",
-    isGuest: false,
+    sex: "male",
+    isGuest: faker.datatype.boolean(),
     ...randomDates(),
   },
   {
     id: faker.string.uuid(),
     name: "Ed Peck",
-    gender: "male",
-    isGuest: false,
+    sex: "male",
+    isGuest: faker.datatype.boolean(),
     ...randomDates(),
   },
   {
     id: faker.string.uuid(),
     name: "Beatrice Colen",
-    gender: "female",
-    isGuest: false,
+    sex: "female",
+    isGuest: faker.datatype.boolean(),
     ...randomDates(),
   },
   {
     id: faker.string.uuid(),
     name: "Dody Goodman",
-    gender: "female",
-    isGuest: false,
+    sex: "female",
+    isGuest: faker.datatype.boolean(),
     ...randomDates(),
   },
   {
     id: faker.string.uuid(),
     name: "Linda Dano",
-    gender: "female",
-    isGuest: false,
+    sex: "female",
+    isGuest: faker.datatype.boolean(),
     ...randomDates(),
   },
   {
     id: faker.string.uuid(),
     name: "Gavan O'Herlihy",
-    gender: "male",
-    isGuest: false,
+    sex: "male",
+    isGuest: faker.datatype.boolean(),
     ...randomDates(),
   },
 ];

apps/demo/src/Create.tsx

@@ -27,7 +27,7 @@ export const Create = ({ changePage }: PageProps) => {
     const character: Character = {
       id: faker.string.uuid(),
       name: inputRef.current?.value || "",
-      gender: "male",
+      sex: "male",
       isGuest: false,
       ...randomDates(),
     };
@@ -52,7 +52,7 @@ export const Create = ({ changePage }: PageProps) => {
           fullWidth={true}
         />
         <Select
-          label="Gender"
+          label="Sex"
           fullWidth={true}
           options={[
             {
@@ -61,9 +61,6 @@ export const Create = ({ changePage }: PageProps) => {
             {
               label: "Female",
             },
-            {
-              label: "Other",
-            },
           ]}
         />
         <DatePicker label="Birth Date" fullWidth={true} />

apps/demo/src/Home.tsx

@@ -83,8 +83,8 @@ export const Home = ({ changePage }: PageProps) => {
               headerName: "Name",
             },
             {
-              field: "gender",
-              headerName: "Gender",
+              field: "sex",
+              headerName: "Sex",
             },
             {
               id: "birthDate",