[fix] realm ui

src/lib/UI/Hub.svelte

@@ -53,6 +53,7 @@
     </div>
 </div>
 <div class="w-full flex gap-4 p-2 flex-wrap justify-center">
+    {#key charas}
         {#each charas as chara}
             <button class="bg-darkbg rounded-lg p-4 flex flex-col hover:bg-selected transition-colors relative lg:w-96 w-full items-start" on:click={() => {
                 openedData = chara
@@ -75,9 +76,10 @@
                 </div>
             </button>
         {/each}
+    {/key}
 </div>
 <div class="w-full flex justify-center">
-    <div>
+    <div class="flex">
         <button class="bg-darkbg h-14 w-14 min-w-14 rounded-lg ml-2 flex justify-center items-center hover:ring transition-shadow" on:click={() => {
             if(page > 0){
                 page -= 1