Show logo in website header

public/index.html

@@ -13,9 +13,12 @@
     <div class="container">
         <header>
             <div class="header-content">
-                <div>
-                    <h1>TokenWatch</h1>
-                    <p>API Limit & Quota Tracker</p>
+                <div class="logo-title-group">
+                    <img src="favicon.png" alt="TokenWatch Logo" class="main-logo">
+                    <div>
+                        <h1>TokenWatch</h1>
+                        <p>API Limit & Quota Tracker</p>
+                    </div>
                 </div>
                 <div class="style-selector">
                     <label for="theme-dropdown">Progress Bar Style:</label>

public/style.css

@@ -291,3 +291,17 @@ canvas {
 .status-good { color: var(--success); }
 .status-warn { color: var(--warning); }
 .status-danger { color: var(--danger); }
+
+.logo-title-group {
+    display: flex;
+    align-items: center;
+    gap: 15px;
+}
+
+.main-logo {
+    width: 48px;
+    height: 48px;
+    border-radius: 8px;
+    object-fit: contain;
+}
+