feat: update logo with customsrc

src/components/logos/Logo.stories.ts

@@ -1,4 +1,4 @@
-import { type Meta, type StoryFn, type StoryObj } from '@storybook/vue';
+import { type Meta, type StoryFn, type StoryObj } from '@storybook/vue3';
 import { default as Logo, type Props } from './Logo.vue';
 
 const render: StoryFn<Props> = (args) => ({
@@ -31,4 +31,11 @@ export const WithText: Story = {
   },
 };
 
+export const WithCustomSrc: Story = {
+  args: {
+    customSrc:
+      'https://raw.githubusercontent.com/rotki/data/hohoho/assets/icons/drawer_logo.png',
+  },
+};
+
 export default meta;

src/components/logos/Logo.vue

@@ -1,6 +1,9 @@
 <script setup lang="ts">
+import logo from './logo.svg';
+
 export interface Props {
   text?: boolean;
+  customSrc?: string;
 }
 
 defineOptions({
@@ -9,12 +12,15 @@ defineOptions({
 
 withDefaults(defineProps<Props>(), {
   text: false,
+  customSrc: undefined,
 });
 </script>
 
 <template>
   <div class="h-12 space-x-4 flex items-center">
-    <img class="h-full" src="./logo.svg" alt="Rotki" />
-    <div v-if="text" class="text-h4 text-rui-light-primary">rotki</div>
+    <img class="h-full" :src="customSrc ?? logo" alt="Rotki" />
+    <div v-if="text" class="text-h4 text-rui-light-primary dark:text-white">
+      rotki
+    </div>
   </div>
 </template>