update team popup text

src/app/website/signup/TeamPopup.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
   import { teamPopupOpen, teamPopupName } from '@app/website/signup/TeamPopup.ts';
+  import Input from '@components/input/Input.svelte';
 
   let modal: HTMLDialogElement;
   let form: HTMLFormElement;
@@ -17,13 +18,17 @@
     </form>
     <form method="dialog" bind:this={form} onsubmit={() => ($teamPopupName = form.teamName.value)}>
       <h3 class="text-lg font-geist">Team erstellen</h3>
-      <p class="py-4">Es wurde noch kein Team für dich und deinen Mitspieler erstellt.</p>
-      <fieldset class="fieldset">
-        <legend class="fieldset-legend">
-          <span>Teamname <span class="text-red-700">*</span></span>
-        </legend>
-        <input id="teamName" name="teamName" class="input validator" type="text" required />
-      </fieldset>
+      <p class="py-4">Es wurde noch kein Team für dich und deinen Mitspieler erstellt. Wie soll euer Team heißen?</p>
+      <Input id="teamName" type="text" label="Teamname" required>
+        {#snippet notice()}
+          <span>
+            Dein Team ist erst vollständig registriert, wenn dein Teamparter sich ebenfalls angemeldet hat. Eine
+            Teilnahme ohne Teampartner ist nicht möglich.
+            <br />
+            Prüfe bitte nach, ob dein Team auf der Startseite aufgelistet wird, sobald beide Teammitglieder registriert sind!
+          </span>
+        {/snippet}
+      </Input>
       <button class="mt-4 btn btn-neutral">Team registrieren</button>
     </form>
   </div>