Add a minimalist mode with some show/hide buttons on location UI

[FabriceIRANKUNDA]

Summary

A summary of changes being made in this PR
Clean up buttons
Added animations and auto-hide
Tested and enabled media button by default

Checklist

• Pre-push checks pass npm run check
  • Linter passing via npm run lint
  • Unit & Integration tests passing via npm run test:packages
  • Docker build process passing via npm run build-client
• If this PR is still a WIP, convert to a draft
• When this PR is ready, mark it as "Ready for review"
• Changes have been manually QA'd
• Changes reviewed by at least 2 approved reviewers

References

References to pertaining issue(s)

QA Steps

1. git checkout pr_branch_name
2. npm install
3. npm run dev-reinit
4. npm run dev

List any additional steps required to QA the changes of this PR, as well as any supplemental images or videos.

Reviewers

Reviewers for this PR

[HexaField]

Mobile needs improvement.

[HexaField]

bothbuttons need to be moved to the right a bit, such that the distance between the edge of the screen and the button are the same on both sides

[HexaField]

The state of the button should be saved to local browser data, such that when i reload the page it remembers whether i left it shown or hidden.

[HexaField]

Getting close, when the panels are hidden, they should also move in the opposite way to when they are shown, moving up or down. it also seems a bit slow, it should happen much faster, the same timing as the buttons rotating.

[HexaField]

• video, audio & face tracking automatically start without being clicked
• on mobile the screen is unclickable except for the middle third, the section holding all the media icons and settings icons is being clicked instead, this should click through to the canvas
• thumbpad to move is overlapping with the settings icons
• if the fullscreen button is not available, the refresh should sit over to the left so it looks right
• avatar thumbnail in top right can be made half the size

[HexaField]

please fix this