Fix horizontal overflow in RTL layout (#869)

### Prerequisites

Put an `x` into the box(es) that apply:

- [X] This pull request fixes a bug.
- [ ] This pull request adds a feature.
- [ ] This pull request introduces breaking change.

### Description

When the direction is rtl then you can keep scrolling towards the left
on mobile.

### Issues Resolved

This resolves issue: #868

### Checklist

Put an `x` into the box(es) that apply:

#### General

- [x] Describe what changes are being made
- [x] Explain why and how the changes were necessary and implemented
respectively
- [x] Reference issue with `#<ISSUE_NO>` if applicable

#### Resources

- [x] If you have changed any SCSS code, run `make release` to
regenerate all CSS files

#### Contributors

- [x] Add yourself to `CONTRIBUTORS.md` if you aren't on it already

Co-authored-by: Muqeet Malik <muqeet.malik.-nd@disneystreaming.com>

CONTRIBUTORS.md

@@ -137,4 +137,5 @@
 - [Kirill Che.](https://github.com/g4s8)
 - [iron3oxide](https://github.com/iron3oxide)
 - [Jens Rantil](https://github.com/JensRantil)
+- [Muqeet Malik](https://github.com/mmalik23)
   

assets/scss/_navigation.scss

@@ -102,8 +102,7 @@
     @media only screen and (max-width: 768px) {
       display: initial;
       position: relative;
-      left: -99999px;
-      opacity: 0;
+      visibility: hidden;
 
       &:checked+label>i {
         color: $alt-bg-color;

resources/_gen/assets/scss/scss/coder.scss_38b4d05915c0483e6cb106e4f0efccbc.json

@@ -1 +1 @@
-{"Target":"css/coder.min.04425292518cf42d45abd44b0394c3033dc5d1b5b7f2ee6226284123ea4f98c7.css","MediaType":"text/css","Data":{"Integrity":"sha256-BEJSklGM9C1Fq9RLA5TDAz3F0bW38u5iJihBI+pPmMc="}}
+{"Target":"css/coder.min.e1bdf152d93b060b06ba5d496486ed9c201a8b95d335e035beb5faebe3b61cad.css","MediaType":"text/css","Data":{"Integrity":"sha256-4b3xUtk7BgsGul1JZIbtnCAai5XTNeA1vrX66+O2HK0="}}