feat: add account warn

src/App.svelte

@@ -11,6 +11,8 @@
     import Settings from './lib/Setting/Settings.svelte';
     import { showRealmInfoStore } from './ts/characterCards';
     import RealmFrame from './lib/UI/Realm/RealmFrame.svelte';
+    import { AccountWarning } from './ts/storage/accountStorage';
+    import AccountWarningComp from './lib/Others/AccountWarningComp.svelte';
 
     let didFirstSetup: boolean  = false
     let gridOpen = false
@@ -63,4 +65,7 @@
     {#if $ShowRealmFrameStore}
         <RealmFrame />
     {/if}
+    {#if $AccountWarning}
+        <AccountWarningComp />
+    {/if}
 </main>

src/lib/Others/AccountWarningComp.svelte

@@ -0,0 +1,11 @@
+<script lang="ts">
+  import { AlertOctagon } from "lucide-svelte";
+  import { alertMd } from "src/ts/alert";
+  import { AccountWarning } from "src/ts/storage/accountStorage";
+
+</script>
+<button class="absolute top-2 right-2 z-10 text-white bg-red-800 hover:bg-red-600 p-2 rounded" on:click={() =>{
+    alertMd($AccountWarning)
+}}>
+    <AlertOctagon size={24} />
+</button>