Use .ico favicon

src/routes/+layout.server.js

@@ -21,6 +21,9 @@ export async function load({ fetch }) {
                     url
                     alt
                 }
+                favicon {
+                    url
+                }
                 favicons {
                     size
                     favicon {

src/routes/+layout.svelte

@@ -78,6 +78,7 @@
 </script>
 
 <svelte:head>
+	<link rel="icon" type="image/x-icon" href="/favicon.ico">
 	{#each data.MainInfo.favicons as favicon}
 		<link rel="icon" type="image/png" sizes="{favicon.size}"
 			  href={env.PUBLIC_SERVER_URL + favicon.favicon.url} />

src/routes/favicon.ico/+server.js

@@ -0,0 +1,13 @@
+import { env } from "$env/dynamic/public";
+
+export async function GET() {
+    const res = await (
+        await fetch(env.PUBLIC_SERVER_URL + `/api/globals/main-info`)
+    ).json();
+    const file = await (
+        await fetch(env.PUBLIC_SERVER_URL + res.favicon.url)
+    ).blob();
+    const response = new Response(file);
+    response.headers.set("Content-Type", "image/x-icon");
+    return response;
+}