fix icon

src/@layouts/components/VerticalNav.vue

@@ -2,7 +2,7 @@
 import type { Component } from 'vue'
 import { PerfectScrollbar } from 'vue3-perfect-scrollbar'
 import { useDisplay } from 'vuetify'
-import logo from '@images/logo.png'
+import logo from '@images/logo.svg?raw'
 
 interface Props {
   tag?: string | Component
@@ -55,10 +55,8 @@ function handleNavScroll(evt: Event) {
     <!-- 👉 Header -->
     <div class="nav-header">
       <slot name="nav-header">
-        <RouterLink to="/" class="app-logo d-flex align-center gap-x-3 app-title-wrapper">
-          <div class="d-flex">
-            <VImg :src="logo" width="30" />
-          </div>
+        <RouterLink to="/" class="app-logo d-flex align-center app-title-wrapper">
+          <div class="d-flex" v-html="logo" />
 
           <h1 class="font-weight-medium leading-normal text-xl">
             MoviePilot