use library to display space mini header

package-lock.json

@@ -10,7 +10,7 @@
 			"dependencies": {
 				"@aws-sdk/client-s3": "^3.490.0",
 				"@huggingface/hub": "^0.12.3",
-				"@huggingface/space-header": "^1.0.1",
+				"@huggingface/space-header": "^1.0.2",
 				"@iconify/svelte": "^3.1.4",
 				"@prisma/client": "^5.7.1",
 				"@svelte-put/clickoutside": "^3.0.1",
@@ -1381,9 +1381,9 @@
 			}
 		},
 		"node_modules/@huggingface/space-header": {
-			"version": "1.0.1",
-			"resolved": "https://registry.npmjs.org/@huggingface/space-header/-/space-header-1.0.1.tgz",
-			"integrity": "sha512-sSHZgWoeCKydlWm/qqIzDwqSHUzr9MqFkS58LZPSnSZNMvhRgU8qQCn9TXHAicFuYyW9W3JkCkc2RpnkfAycyw=="
+			"version": "1.0.2",
+			"resolved": "https://registry.npmjs.org/@huggingface/space-header/-/space-header-1.0.2.tgz",
+			"integrity": "sha512-jaubcoR63HmxFtx1VttFYA3g36NnQgvKu9Xtz8PgVhXG5auv69QJkkYUPyvEFgxtyEvkRyJotoLwEPabQmHOBA=="
 		},
 		"node_modules/@humanwhocodes/config-array": {
 			"version": "0.11.13",

package.json

@@ -43,7 +43,7 @@
 	"dependencies": {
 		"@aws-sdk/client-s3": "^3.490.0",
 		"@huggingface/hub": "^0.12.3",
-		"@huggingface/space-header": "^1.0.1",
+		"@huggingface/space-header": "^1.0.2",
 		"@iconify/svelte": "^3.1.4",
 		"@prisma/client": "^5.7.1",
 		"@svelte-put/clickoutside": "^3.0.1",

src/routes/+layout.svelte

@@ -2,7 +2,7 @@
 	import { get } from "svelte/store";
 	import Icon from "@iconify/svelte";
 	import { SvelteToast } from '@zerodevx/svelte-toast'
-	// import spaceHeader from "@huggingface/space-header"
+	import { init } from "@huggingface/space-header"
 
 	import Sidebar from "$lib/components/sidebar/Sidebar.svelte";
 	import "$lib/styles/tailwind.css"
@@ -10,6 +10,7 @@
 	import Dialog from "$lib/components/dialog/Dialog.svelte";
 	import { loginModalStore } from "$lib/stores/use-login-modal";
 	import SpaceMiniHeader from "$lib/components/spaceheader/SpaceMiniHeader.svelte";
+	import { onMount } from "svelte";
 
 	export let data;
 	userStore.set(data?.user?.user);
@@ -19,10 +20,14 @@
 	loginModalStore.subscribe((v) => {
 		open = v;
   });
+
+	onMount(() => {
+		init("enzostvs/lora-studio")
+	})
 </script>
 
 <div class="flex items-start">
-	<SpaceMiniHeader />
+	<!-- <SpaceMiniHeader /> -->
 	<Sidebar />
 	<main id="app" class="flex-1 h-screen overflow-y-auto">
 		<slot />