add live statistics

src/components/admin/table/SortableTh.svelte

@@ -1,7 +1,6 @@
 <script lang="ts">
   import { getContext, type Snippet } from 'svelte';
   import type { Writable } from 'svelte/store';
-  import Icon from '@iconify/svelte';
 
   // types
   interface Props {
@@ -37,9 +36,9 @@
     <button class="flex items-center gap-1" onclick={() => onButtonClick()}>
       <span>{@render children?.()}</span>
       {#if $headerKey === key && asc}
-        <Icon icon="heroicons:chevron-up-16-solid" />
+        <span class="iconify iconify-[heroicons--chevron-up-16-solid]"></span>
       {:else}
-        <Icon icon="heroicons:chevron-down-16-solid" />
+        <span class="iconify iconify-[heroicons--chevron-down-16-solid]"></span>
       {/if}
     </button>
   {:else}