add live statistics

src/components/input/Password.svelte

@@ -1,6 +1,5 @@
 <script lang="ts">
   import type { Snippet } from 'svelte';
-  import Icon from '@iconify/svelte';
 
   interface Props {
     id?: string;
@@ -44,19 +43,21 @@
     />
     <button
       type="button"
+      aria-label="Hide password"
       class="absolute right-2 cursor-pointer z-10"
       class:hidden={!visible}
       onclick={() => (visible = !visible)}
     >
-      <Icon icon="heroicons:eye-16-solid" width={22} />
+      <span class="iconify iconify-[heroicons--eye-16-solid] w-[22px]"></span>
     </button>
     <button
       type="button"
+      aria-label="Show password"
       class="absolute right-2 cursor-pointer z-10"
       class:hidden={visible}
       onclick={() => (visible = !visible)}
     >
-      <Icon icon="heroicons:eye-slash-16-solid" width={22} />
+      <span class="iconify iconify-[heroicons--eye-slash-16-solid] w-[22px]"></span>
     </button>
   </div>
   <p class="fieldset-label">