Fix bug with Game Bar when showing it on the right side

src/assets/css/game-bar.styl

@@ -33,7 +33,7 @@
         transition: opacity 0.1s ease-in;
 
         &.bx-show {
-            opacity: 1;
+            opacity: 0.9;
 
             + svg {
                 display: none !important;
@@ -111,6 +111,7 @@
         direction: rtl;
 
         .bx-game-bar-container {
+            direction: ltr;
             border-radius: 10px 0 0 10px;
         }
     }

src/modules/game-bar/game-bar.ts

@@ -45,6 +45,11 @@ export class GameBar {
             new MicrophoneAction(),
         ];
 
+        // Reverse the action list if Game Bar's position is on the right side
+        if (position === 'bottom-right') {
+            this.actions.reverse();
+        }
+
         // Render actions
         for (const action of this.actions) {
             $container.appendChild(action.render());