[feat] realm popup

src/App.svelte

@@ -5,10 +5,12 @@
     import { DataBase, loadedStore } from './ts/storage/database';
     import ChatScreen from './lib/ChatScreens/ChatScreen.svelte';
     import AlertComp from './lib/Others/AlertComp.svelte';
+    import RealmPopUp from './lib/UI/Realm/RealmPopUp.svelte';
     import { alertStore } from './ts/alert';
     import GridChars from './lib/Others/GridCatalog.svelte';
     import WelcomeRisu from './lib/Others/WelcomeRisu.svelte';
     import Settings from './lib/Setting/Settings.svelte';
+    import { showRealmInfoStore } from './ts/characterCards';
 
     let didFirstSetup: boolean  = false
     let gridOpen = false
@@ -49,4 +51,7 @@
     {#if $alertStore.type !== 'none'}
         <AlertComp />
     {/if}
+    {#if $showRealmInfoStore}
+        <RealmPopUp bind:openedData={$showRealmInfoStore} />
+    {/if}
 </main>