feat: add dashboard icon

frontend/index.html

@@ -4,6 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>ŻyrarBOT - Dashboard Kolejki</title>
+    <link rel="icon" type="image/jpeg" href="/icon.jpeg" />
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link

frontend/src/assets/style.css

@@ -106,18 +106,16 @@ body {
 .logo-icon {
     width: 48px;
     height: 48px;
-    background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);
-    border-radius: 14px;
     display: flex;
     align-items: center;
     justify-content: center;
-    color: white;
-    box-shadow: 0 4px 15px var(--primary-glow);
 }
 
-.logo-icon i {
-    width: 24px;
-    height: 24px;
+.logo-image {
+    width: 48px;
+    height: 48px;
+    object-fit: cover;
+    border-radius: 14px;
 }
 
 .logo-text h1 {

frontend/src/components/AppHeader.vue

@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import { computed } from 'vue'
-import { Music } from 'lucide-vue-next'
 import type { BotStatus, GuildSettings } from '@/types/status'
 
 const props = defineProps<{
@@ -23,7 +22,11 @@ const label = computed(() =>
   <header class="main-header">
     <div class="logo-area">
       <div class="logo-icon">
-        <Music />
+        <img
+          src="/icon.jpeg"
+          alt=""
+          class="logo-image"
+        >
       </div>
       <div class="logo-text">
         <h1>ŻyrarBOT</h1>