[Bugfix] Login Modal (#2903)

If this PR fixes an issue, link it below. If not, delete these two
lines.
Resolves #2889

## Description:

fixes login in modal:
<img width="782" height="330" alt="image"
src="https://github.com/user-attachments/assets/60f1825f-5678-4853-a78b-bbed5198b0fb"
/>
(theres also one more afterwards but that leaks my email and cba to edit
it out)

## 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/baseComponents/Modal.ts

@@ -25,6 +25,9 @@ export class OModal extends LitElement {
   @property({ type: Boolean })
   public hideHeader = false;
 
+  @property({ type: String })
+  public maxWidth = "";
+
   public onClose?: () => void;
 
   public open() {
@@ -67,6 +70,8 @@ export class OModal extends LitElement {
       : `relative flex flex-col w-[90%] min-w-[400px] max-w-[900px] m-8 rounded-lg shadow-[0_20px_60px_rgba(0,0,0,0.8)] max-h-[calc(100vh-4rem)] ${
           this.alwaysMaximized ? "h-auto" : ""
         }`;
+    const wrapperStyle =
+      !this.inline && this.maxWidth ? `max-width: ${this.maxWidth};` : "";
 
     return html`
       ${this.isModalOpen
@@ -78,6 +83,7 @@ export class OModal extends LitElement {
               <div
                 @click=${(e: Event) => e.stopPropagation()}
                 class="${wrapperClass}"
+                style="${wrapperStyle}"
               >
                 ${this.inline || this.hideCloseButton
                   ? html``