chore: cleanup

packages/frontend/src/lib/components/logo/logo.svelte

@@ -1,10 +1,13 @@
 <script lang="ts">
   import { _ } from "svelte-i18n";
+  import SexyIcon from "../icon/icon.svelte";
 
   const { hideName = false } = $props();
 </script>
 
-<img src="/logo.png" alt={$_("brand.name")} class="w-10 h-10 object-contain" />
+<div class="relative">
+  <SexyIcon class="w-8 h-8 text-primary" />
+</div>
 <span
   class={`logo text-3xl text-foreground opacity-90 tracking-wide font-extrabold drop-shadow-x ${hideName ? "hidden sm:inline-block" : ""}`}
 >