fix(profile): filter out empty pronouns from response

Author: seth2810

src/pages/settings/profile.tsx

@@ -497,12 +497,14 @@ type Props = SSRProps<{
 }>;
 
 export const getServerSideProps: GetServerSideProps<Props> = async (ctx) => {
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  const res = await fetch('https://api.stats.fm/api/v1/me/available-pronouns')
-    .then((res) => res.json())
-    .then((res) => res.items);
-  const pronouns = Object.values(res).flat() as Pronoun[];
   const user = await fetchUser(ctx);
+  const pronounsResponse = await fetch(
+    'https://api.stats.fm/api/v1/me/available-pronouns',
+  );
+  const { items: pronounsItems } = await pronounsResponse.json();
+  const pronouns = Object.values<Pronoun>(pronounsItems).filter(
+    ({ aliases }) => aliases.length !== 0,
+  );
 
   return {
     props: {