Main Menu UI Overhaul (#2829)

## Description:

Overhauls the Main Menu UI, visit https://menu.openfront.dev to see
everything.

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

w.o.n

src/client/components/ModalOverlay.ts

@@ -1,24 +1,20 @@
-import { LitElement, css, html } from "lit";
+import { LitElement, html } from "lit";
 import { customElement, property } from "lit/decorators.js";
 
 @customElement("modal-overlay")
 export class ModalOverlay extends LitElement {
   @property({ reflect: true }) public visible: boolean = false;
 
-  static styles = css`
-    .overlay {
-      position: absolute;
-      left: 0px;
-      top: 0px;
-      width: 100%;
-      height: 100%;
-    }
-  `;
+  createRenderRoot() {
+    return this;
+  }
 
   render() {
     return html`
       <div
-        class="overlay ${this.visible ? "" : "hidden"}"
+        class="absolute left-0 top-0 w-full h-full ${this.visible
+          ? ""
+          : "hidden"}"
         @click=${() => (this.visible = false)}
       ></div>
     `;