Fix keyboard shortcut modal's width for mobile devices

[Sanjay-Sahu-Bandla]

Issue:

The Keyboard Shortcuts modal exhibited horizontal scrolling on mobile devices due to a fixed width.

Solution:

Resolved by adjusting the modal's width property from a fixed value to max-width, enabling responsiveness based on content. This ensures optimal viewing on various screen sizes, enhancing user experience.

Changes:

Before

After

I have verified that this pull request:

• has no linting errors (npm run lint)
• has no test errors (npm run test)
• is from a uniquely-named feature branch and is up to date with the develop branch.

[welcome]

🎉 Thanks for opening this pull request! Please check out our contributing guidelines if you haven't already.

[lindapaiste]

Both this and #2817 have the same effect on the desktop size. It makes it go to an auto width so the modal becomes a little bit skinner than the current view. I'm going to close this PR and work with #2817 as that one was submitted first.