fix(web): no icon with firefox (#5679)

* fix: no icon with firefox

* remove FaviconHeader.svelte

web/src/app.html

@@ -6,6 +6,13 @@
 
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="icon" type="image/x-icon" href="/favicon.ico" />
+    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png" />
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png" />
+    <link rel="icon" type="image/png" sizes="48x48" href="/favicon-48.png" />
+    <link rel="icon" type="image/png" sizes="96x96" href="/favicon-96.png" />
+    <link rel="icon" type="image/png" sizes="144x144" href="/favicon-144.png" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180.png" />
     %sveltekit.head%
     <script>
       /**

web/src/lib/components/shared-components/favicon-header.svelte

@@ -1,11 +0,0 @@
-<script lang="ts">
-  import IconAppleTouch180 from '$lib/assets/favicon/apple-icon-180.png';
-  import Icon16 from '$lib/assets/favicon/favicon-16.png';
-  import Icon32 from '$lib/assets/favicon/favicon-32.png';
-  import Icon96 from '$lib/assets/favicon/favicon-96.png';
-</script>
-
-<link rel="icon" type="image/png" sizes="16x16" href={Icon16} />
-<link rel="icon" type="image/png" sizes="32x32" href={Icon32} />
-<link rel="icon" type="image/png" sizes="96x96" href={Icon96} />
-<link rel="apple-touch-icon" sizes="180x180" href={IconAppleTouch180} />

web/src/routes/+layout.svelte

@@ -11,7 +11,6 @@
   import UploadCover from '$lib/components/shared-components/drag-and-drop-upload-overlay.svelte';
   import FullscreenContainer from '$lib/components/shared-components/fullscreen-container.svelte';
   import AppleHeader from '$lib/components/shared-components/apple-header.svelte';
-  import FaviconHeader from '$lib/components/shared-components/favicon-header.svelte';
   import { onMount } from 'svelte';
   import { loadConfig } from '$lib/stores/server-config.store';
   import { handleError } from '$lib/utils/handle-error';
@@ -83,7 +82,6 @@
   <title>{$page.data.meta?.title || 'Web'} - Immich</title>
   <link rel="manifest" href="/manifest.json" />
   <meta name="theme-color" content="currentColor" />
-  <FaviconHeader />
   <AppleHeader />
 
   {#if $page.data.meta}