Make settings page UI plan in Figma

[h1divp]

Since we don't have something completely planned out yet, our settings page has gotten to be somewhat incohesive. I would like a settings page to be designed in our Figma design document which feels like it flows with the rest of the already planned design well, while including the following features:

• User profile area (NOT in a dropdown)
  • User icon selector
  • Color picker for user icon background
  • Display name input
  • Button to randomize display name (could even be an icon of a pair of dice)
• Sign out button

If you take a look at our Figma document you can see that we have a Main and an Experiments page. Make it in the Experiments one, and once its good someone will move it to the main one. I also heavily encourage to research designs of other apps yourself and try to make something that would seem to work the best. Referencing designs and icons from other libraries is also okay.

After this issue is done, one should be created on updating the settings page implementation to be reflective of the new plan.

Please make sure to write "Closes #[this issue number]" when creating the PR for this issue.

[h1divp]

Some more ideas for myself:

• toggle switch for "Spectator Mode" (doesn't increase the nearby user counter when you're visible, can read but not send any messages)
• debug section with things like "refresh nearby users" etc