feat(frontend): show user profile fields

Foxnouns.Frontend/app/components/ProfileField.tsx

@@ -0,0 +1,25 @@
+import { CustomPreference, FieldEntry, Pronoun } from "~/lib/api/user";
+import StatusLine from "~/components/StatusLine";
+
+export default function ProfileField({
+	name,
+	entries,
+	preferences,
+}: {
+	name: string;
+	entries: Array<FieldEntry | Pronoun>;
+	preferences: Record<string, CustomPreference>;
+}) {
+	return (
+		<div className="col">
+			<h3>{name}</h3>
+			<ul className="list-unstyled fs-5">
+				{entries.map((e, i) => (
+					<li key={i}>
+						<StatusLine entry={e} preferences={preferences} />
+					</li>
+				))}
+			</ul>
+		</div>
+	);
+}