Rename helpModal images so CDN cache is refreshed on commit (#810)

## Description:

Overwritten images (same file name) from PR
https://github.com/openfrontio/OpenFrontIO/pull/785 took more than a day
to all be shown in Instructions (helpModal) on .dev. Prevent this from
happening on commit to prod by renaming them.

There's talk about cache busting but that isn't implemented (yet) for
now.

Two of the 7 renamed ones:

![afbeelding](https://github.com/user-attachments/assets/71f95659-71ce-4504-9b21-bd02e67c0786)


## Please complete the following:

- [x] I have added screenshots for all UI updates
- [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

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

tryout33

src/client/HelpModal.ts

@@ -135,7 +135,7 @@ export class HelpModal extends LitElement {
               ${translateText("help_modal.ui_leaderboard")}
             </div>
             <img
-              src="/images/helpModal/leaderboard.webp"
+              src="/images/helpModal/leaderboard2.webp"
               alt="Leaderboard"
               title="Leaderboard"
               class="default-image"
@@ -221,7 +221,7 @@ export class HelpModal extends LitElement {
               ${translateText("help_modal.ui_options")}
             </div>
             <img
-              src="/images/helpModal/options.webp"
+              src="/images/helpModal/options2.webp"
               alt="Options"
               title="Options"
               class="default-image"
@@ -270,7 +270,7 @@ export class HelpModal extends LitElement {
         <div class="flex flex-col md:flex-row gap-4">
           <div class="flex flex-col gap-4">
             <img
-              src="/images/helpModal/radialMenu.webp"
+              src="/images/helpModal/radialMenu2.webp"
               alt="Radial menu"
               title="Radial menu"
               class="default-image"
@@ -326,7 +326,7 @@ export class HelpModal extends LitElement {
                 ${translateText("help_modal.info_enemy_panel")}
               </div>
               <img
-                src="/images/helpModal/infoMenu.webp"
+                src="/images/helpModal/infoMenu2.webp"
                 alt="Enemy info panel"
                 title="Enemy info panel"
                 class="info-panel-img"
@@ -369,7 +369,7 @@ export class HelpModal extends LitElement {
                 ${translateText("help_modal.info_ally_panel")}
               </div>
               <img
-                src="/images/helpModal/infoMenuAlly.webp"
+                src="/images/helpModal/infoMenu2Ally.webp"
                 alt="Ally info panel"
                 title="Ally info panel"
                 class="info-panel-img"
@@ -494,7 +494,7 @@ export class HelpModal extends LitElement {
                 ${translateText("help_modal.icon_traitor")}
               </div>
               <img
-                src="/images/helpModal/traitor.webp"
+                src="/images/helpModal/traitor2.webp"
                 alt="Traitor"
                 title="Traitor"
                 class="player-icon-img w-full"
@@ -510,7 +510,7 @@ export class HelpModal extends LitElement {
                 ${translateText("help_modal.icon_ally")}
               </div>
               <img
-                src="/images/helpModal/ally.webp"
+                src="/images/helpModal/ally2.webp"
                 alt="Ally"
                 title="Ally"
                 class="player-icon-img w-full"