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: #62
I can take care of resolving conflicts

Related issues:

• Add a basic virtual joy-stick to make the mobile version usable. #23
• How do you think abt adding Virtual Joystick?? #60

[netlify]

✅ Deploy Preview for skyoffice ready!

Name	Link
🔨 Latest commit	ae40196
🔍 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.

[DaxChen]

Looking good! Thanks for the fast response!

[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.

[DaxChen]

Awesome!! Thanks for cleaning up the window resize listener hook part, it's way cleaner now!