fix: area right from control-panel is clickable (#2640)

If this PR fixes an issue, link it below. If not, delete these two
lines.
Resolves #[2638](https://github.com/openfrontio/OpenFrontIO/issues/2638)

## Description:

Describe the PR.

## 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:

Not on discord yet, but this bug makes me crazy. :)

Edit:
Also, I wasn't sure from which branch to start from.

src/client/graphics/layers/ControlPanel.ts

@@ -164,6 +164,7 @@ export class ControlPanel extends LitElement implements Layer {
           ? "w-full sm:max-w-[320px] text-sm sm:text-base bg-gray-800/70 p-2 pr-3 sm:p-4 shadow-lg sm:rounded-lg backdrop-blur"
           : "hidden"}"
         @contextmenu=${(e: MouseEvent) => e.preventDefault()}
+        style="pointer-events: auto;"
       >
         <div class="block bg-black/30 text-white mb-4 p-2 rounded">
           <div class="flex justify-between mb-1">

src/client/index.html

@@ -364,7 +364,7 @@
         <chat-display></chat-display>
         <events-display></events-display>
       </div>
-      <div style="pointer-events: auto">
+      <div>
         <control-panel></control-panel>
       </div>
     </div>