Fix gutter ads, move in-game add to bottom right corner. (#1214)

Move the in-game add to underneath the control panel, ensure both are
320px.

Remove black squares on home page when user has ad blocker

- [x] I have added screenshots for all UI updates
- [x] I process any text displayed to the user through translateText()
and I've added it to the en.json file
- [x] I have added relevant tests to the test directory
- [x] I confirm I have thoroughly tested these changes and take full
responsibility for any bugs introduced
- [x] I understand that submitting code with bugs that could have been
caught through manual testing blocks releases and new features for all
contributors
regression is found:
openfront

<img width="420" alt="Screenshot 2025-06-17 at 7 13 51 PM"
src="https://github.com/user-attachments/assets/2177e0b3-de1b-4196-afd7-2ceca412e9fe"
/>

src/client/index.html

@@ -269,15 +269,18 @@
       style="position: fixed; pointer-events: none"
     >
       <div
-        class="w-full sm:w-2/3 sm:fixed sm:right-0 sm:bottom-0 sm:flex justify-end"
+        class="w-full sm:w-2/3 sm:fixed sm:right-0 sm:bottom-0 sm:flex flex-col items-end"
         style="pointer-events: none"
       >
         <chat-display></chat-display>
         <events-display></events-display>
       </div>
-      <div class="w-full sm:w-1/3 md:max-w-72" style="pointer-events: auto">
-        <left-in-game-ad></left-in-game-ad>
+      <div
+        class="w-[320px] flex flex-col items-center"
+        style="pointer-events: auto"
+      >
         <control-panel></control-panel>
+        <left-in-game-ad></left-in-game-ad>
       </div>
     </div>
 
@@ -354,7 +357,7 @@
     <user-setting></user-setting>
     <multi-tab-modal></multi-tab-modal>
     <news-modal></news-modal>
-    <left-in-game-ad></left-in-game-ad>
+    <game-left-sidebar></game-left-sidebar>
     <div
       id="language-modal"
       class="fixed inset-0 bg-black bg-opacity-50 z-50 hidden flex justify-center items-center"