improve loading animation

package.json

@@ -26,6 +26,7 @@
 		"@huggingface/tasks": "^0.19.26",
 		"@huggingface/transformers": "^3.6.3",
 		"@iconify-json/carbon": "^1.2.8",
+		"@iconify-json/line-md": "^1.2.11",
 		"@iconify-json/lucide": "^1.2.45",
 		"@iconify-json/material-symbols": "^1.2.15",
 		"@playwright/test": "^1.49.1",

pnpm-lock.yaml

@@ -57,6 +57,9 @@ importers:
       '@iconify-json/carbon':
         specifier: ^1.2.8
         version: 1.2.8
+      '@iconify-json/line-md':
+        specifier: ^1.2.11
+        version: 1.2.11
       '@iconify-json/lucide':
         specifier: ^1.2.45
         version: 1.2.45
@@ -490,6 +493,9 @@ packages:
   '@iconify-json/carbon@1.2.8':
     resolution: {integrity: sha512-6xh4YiFBz6qoSnB3XMe23WvjTJroDFXB17J1MbiT7nATFe+70+em1acRXr8hgP/gYpwFMHFc4IvjA/IPTPnTzg==}
 
+  '@iconify-json/line-md@1.2.11':
+    resolution: {integrity: sha512-JYczKuKvTq/Pf9rSCoxwdBbAiWqceNrb3EtM3acD4YkzCAdp3co+CdNE/pb5lTURGbIA9GrGuqentHqVwXyVWA==}
+
   '@iconify-json/lucide@1.2.45':
     resolution: {integrity: sha512-izW3wk7Ll5HgNMc/m41eOKXb7nL1zFxXZdMyBOtqdwusHXPr8IWSC/ReSgWgxUF3xyNwiQsso5Ppkta2wsUrPg==}
 
@@ -3604,6 +3610,10 @@ snapshots:
     dependencies:
       '@iconify/types': 2.0.0
 
+  '@iconify-json/line-md@1.2.11':
+    dependencies:
+      '@iconify/types': 2.0.0
+
   '@iconify-json/lucide@1.2.45':
     dependencies:
       '@iconify/types': 2.0.0

src/routes/+layout.svelte

@@ -5,6 +5,7 @@
 	import Prompts from "$lib/components/prompts.svelte";
 	import QuotaModal from "$lib/components/quota-modal.svelte";
 	import ShareModal from "$lib/components/share-modal.svelte";
+	import IconLoadingLoop from "~icons/line-md/loading-loop";
 	import "../app.css";
 
 	interface Props {
@@ -18,6 +19,7 @@
 	{@render children?.()}
 	{#snippet pending()}
 		<p class="abs-center absolute dark:text-white">🤗</p>
+		<IconLoadingLoop class="abs-center absolute text-6xl dark:text-blue-300" />
 	{/snippet}
 </svelte:boundary>