feat: add hub additional html

src/lib/UI/MainMenu.svelte

@@ -5,7 +5,7 @@
     import { ArrowLeft } from "lucide-svelte";
     import { isNodeServer, isTauri } from "src/ts/storage/globalApi";
     import { language } from "src/lang";
-    import { getRisuHub } from "src/ts/characterCards";
+    import { getRisuHub, hubAdditionalHTML } from "src/ts/characterCards";
     import RisuHubIcon from "./Realm/RealmHubIcon.svelte";
     import Title from "./Title.svelte";
 
@@ -33,6 +33,7 @@
                   sort: ''
               }) then charas}
             {#if charas.length > 0}
+              {@html hubAdditionalHTML}
               <div class="w-full flex gap-4 p-2 flex-wrap justify-center">
                   {#each charas as chara}
                       <RisuHubIcon onClick={() => {$OpenRealmStore = true}} chara={chara} />

src/lib/UI/Realm/RealmMain.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-    import { downloadRisuHub, getRisuHub, type hubType } from "src/ts/characterCards";
+    import { downloadRisuHub, getRisuHub, hubAdditionalHTML, type hubType } from "src/ts/characterCards";
     import { ArrowLeft, ArrowRight, MenuIcon, SearchIcon, XIcon } from "lucide-svelte";
     import { alertInput } from "src/ts/alert";
     import { language } from "src/lang";
@@ -91,6 +91,7 @@
         {language.random}
     </button>
 </div>
+{@html hubAdditionalHTML}
 <div class="w-full flex gap-4 p-2 flex-wrap justify-center">
     {#key charas}
         {#each charas as chara}

src/ts/characterCards.ts

@@ -1274,7 +1274,7 @@ export type hubType = {
     type:string
 }
 
-let hubAdditionalHTML = ''
+export let hubAdditionalHTML = ''
 
 export async function getRisuHub(arg:{
     search:string,