feat(lite): use new XO Lite logo (#6379)

@xen-orchestra/lite/src/App.vue

@@ -19,9 +19,18 @@
 import { watchEffect } from "vue";
 import AppHeader from "@/components/AppHeader.vue";
 import AppLogin from "@/components/AppLogin.vue";
+import favicon from "@/assets/favicon.svg";
 import InfraPoolList from "@/components/infra/InfraPoolList.vue";
 import { useXenApiStore } from "@/stores/xen-api.store";
 
+let link: HTMLLinkElement | null = document.querySelector("link[rel~='icon']");
+if (link == null) {
+  link = document.createElement("link");
+  link.rel = "icon";
+  document.getElementsByTagName("head")[0].appendChild(link);
+}
+link.href = favicon;
+
 const xenApiStore = useXenApiStore();
 
 watchEffect(() => {

@xen-orchestra/lite/src/components/AppHeader.vue

@@ -1,7 +1,7 @@
 <template>
   <header class="app-header">
     <RouterLink :to="{ name: 'home' }">
-      <img alt="XO Lite" src="../assets/logo.png" style="width: 8rem" />
+      <img alt="XO Lite" src="../assets/logo.svg" style="width: 6rem" />
     </RouterLink>
     <slot />
     <span style="cursor: pointer" @click="toggleTheme">Switch theme</span>

@xen-orchestra/lite/src/components/AppLogin.vue

@@ -1,8 +1,7 @@
 <template>
   <div class="app-login form-container">
     <form @submit.prevent="handleSubmit">
-      <img alt="XO Lite" src="../assets/logo.png" />
-      <h1>Xen Orchestra Lite</h1>
+      <img alt="XO Lite" src="../assets/logo-title.svg" />
       <input v-model="login" name="login" readonly type="text" />
       <input
         v-model="password"