Move buttons and start adding settings

src/components/settings/Settings.svelte

@@ -17,6 +17,53 @@
   <div class="settings-content">
     {#if $profileStore}
       <h1>Settings</h1>
+      <form>
+        <h2>Email</h2>
+        <div>
+          <span>{$profileStore.email}</span>
+          {#if $profileStore.email_verified}
+            <span>Verified</span>
+          {:else}
+            <span>Unverified</span>
+          {/if}
+        </div>
+        <section>
+          <input id="email" name="email" placeholder=" " autocomplete="email" required bind:value={inputEmail} />
+        </section>
+        <button type="submit">Change email</button>
+      </form>
+      <form>
+        <h2>Password</h2>
+        <section>
+          <label for="password">Password:</label>
+          <input id="password" name="password" placeholder=" " autocomplete="password" required bind:value={inputPassword} />
+          <label for="new-password">New Password:</label>
+          <input
+            id="new-password"
+            name="new-password"
+            placeholder=" "
+            autocomplete="new-password"
+            aria-describedby="password-constraints"
+            required
+            bind:value={inputNewPassword}
+          />
+          <label for="repeat-password">Repeat Password:</label>
+          <input
+            id="repeat-password"
+            name="repeat-password"
+            placeholder=" "
+            autocomplete="repeat-password"
+            aria-describedby="password-constraints"
+            required
+            bind:value={inputRepeatPassword}
+          />
+        </section>
+        <section>
+          <PasswordConstraints password={inputNewPassword} />
+        </section>
+        <button type="submit">Change password</button>
+      </form>
+      <section />
       <section>Honestly I'm just too lazy to make this yet</section>
     {:else}
       <LazyDelay delayMs={500}>Loading...</LazyDelay>