Feat/virtual joystick

[jga-dev]

New feature added: Basic Virtual Joystick

Hi, I decide implement this feature because it appears to be in high demand. Hope you find interesting.

Description:

• Joystick can be activated by button on bottom (see picture)
• For resolutions less than 650px wide it's active by default
• When resolution ir less than 650px and chat is active, joystick is hidden because it interferes with the chat

For implement this, I use this component: https://github.com/elmarti/react-joystick-component

Note: This feature will conflict with this PR: https://github.com/kevinshen56714/SkyOffice/pull/62 I can take care of resolving conflicts

Related issues:

• https://github.com/kevinshen56714/SkyOffice/issues/23
• https://github.com/kevinshen56714/SkyOffice/issues/60

[netlify[bot]]

✅ Deploy Preview for skyoffice ready!

Name	Link
🔨 Latest commit	ae401962dcc6e12b91b5e7b67e5692d52829e5b4
🔍 Latest deploy log	https://app.netlify.com/sites/skyoffice/deploys/63f552bab2834b0008140063
😎 Deploy Preview	https://deploy-preview-63--skyoffice.netlify.app/
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[DaxChen]

This is awesome! Thanks for your contribution, please feel free to reach out if any of the comments are unclear or if you don't agree on any of them! BTW I did this review together with Kevin.

[jga-dev]

@DaxChen Hi, thanks for the review. I just uploaded a new commit with the changes. Anything else let me know 😊👍

[MariaJesusGomez]

Oohh, Sounds great! As soon as this PR is resolved I'll pull the project with this feature.

[jga-dev]

@DaxChen Hi, thanks again for your review. I've applied all the changes you have commented. If you see anything else feel free to let me know.