Use fluxon components for remaining inputs

lib/music_library_web/controllers/session_html/new.html.heex

@@ -9,22 +9,12 @@
       <div class="relative -space-y-px rounded-md shadow-xs">
         <div>
           <label for="password" class="sr-only">{gettext("Password")}</label>
-          <input
+          <Fluxon.Components.Input.input
             id="password"
             name="password"
             type="password"
             autocomplete="current-password"
             required
-            class={[
-              "relative block w-full rounded-md border-0 py-1.5",
-              "sm:text-sm sm:leading-6",
-              "ring-1 ring-inset focus:z-10 focus:ring-2 focus:ring-inset",
-              "text-zinc-900 dark:text-zinc-200",
-              "dark:bg-zinc-800",
-              "ring-zinc-200 dark:ring-zinc-400",
-              "placeholder:text-zinc-400 dark:placeholder:text-zinc-400",
-              "focus:ring-zinc-400 dark:focus:ring-zinc-300"
-            ]}
             placeholder="Password"
           />
         </div>