Adblockers blocked OUR OWN source files 🔧 (#3085)

## Description:

Renamed ad files because adblockers blocked them because of their name. 
When ES modules fail to import, the entire application breaks.

## Please complete the following:

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

## Please put your Discord username so you can be contacted if a bug or
regression is found:

FloPinguin

src/client/graphics/layers/SpawnVideoReward.ts

@@ -0,0 +1,67 @@
+import { LitElement, html } from "lit";
+import { customElement, state } from "lit/decorators.js";
+import { crazyGamesSDK } from "src/client/CrazyGamesSDK";
+import { getGamesPlayed } from "src/client/Utils";
+import { GameType } from "src/core/game/Game";
+import { GameView } from "../../../core/game/GameView";
+import "../../components/VideoReward";
+import { Layer } from "./Layer";
+
+@customElement("spawn-video-ad")
+export class SpawnVideoAd extends LitElement implements Layer {
+  public game: GameView;
+
+  @state() private shouldShow = false;
+  @state() private adComplete = false;
+
+  createRenderRoot() {
+    return this;
+  }
+
+  init() {
+    if (
+      !window.adsEnabled ||
+      window.innerWidth < 768 ||
+      crazyGamesSDK.isOnCrazyGames() ||
+      this.game.config().gameConfig().gameType === GameType.Singleplayer ||
+      getGamesPlayed() < 3 || // Don't show to new players
+      getGamesPlayed() % 3 !== 0 // Only show 1 in 3 times
+    ) {
+      return;
+    }
+    this.shouldShow = true;
+  }
+
+  tick() {
+    if (this.adComplete) return;
+    // Hide when spawn phase ends
+    if (this.shouldShow && !this.game.inSpawnPhase()) {
+      this.shouldShow = false;
+      this.requestUpdate();
+    }
+  }
+
+  private handleComplete = () => {
+    this.adComplete = true;
+    this.shouldShow = false;
+  };
+
+  shouldTransform(): boolean {
+    return false;
+  }
+
+  render() {
+    if (!this.shouldShow || this.adComplete) {
+      return html``;
+    }
+
+    return html`
+      <div class="fixed bottom-0 left-0 z-[9999] pointer-events-auto">
+        <video-ad
+          style="width: 400px; max-width: 400px; height: 225px; aspect-ratio: auto;"
+          .onComplete="${this.handleComplete}"
+        ></video-ad>
+      </div>
+    `;
+  }
+}