added favicon and changed titles

public/book.js

@@ -18,7 +18,7 @@ async function init() {
 
         // Populate Hero Elements
         const title = data.title.english || data.title.romaji;
-        document.title = `${title} | StreamFlow Books`;
+        document.title = `${title} | WaifuBoard Books`;
         
         const titleEl = document.getElementById('title');
         if (titleEl) titleEl.innerText = title;

public/books.css

@@ -58,12 +58,17 @@ body {
 .brand-icon {
     width: 36px;
     height: 36px;
-    background: linear-gradient(135deg, #8b5cf6, #3b82f6);
     border-radius: 10px;
     display: flex;
     align-items: center;
     justify-content: center;
-    box-shadow: 0 0 20px var(--accent-glow);
+    overflow: hidden;
+}
+
+.brand-icon img {
+    width: 70%;
+    height: 70%;
+    object-fit: contain;
 }
 
 .nav-center {

public/home.css

@@ -50,19 +50,28 @@ body {
     gap: 0.8rem;
     letter-spacing: -0.5px;
     min-width: 200px;
+    color: white;
+    text-decoration: none;
+    cursor: pointer;
 }
 
 .brand-icon {
     width: 36px;
     height: 36px;
-    background: linear-gradient(135deg, #8b5cf6, #3b82f6);
     border-radius: 10px;
     display: flex;
     align-items: center;
     justify-content: center;
-    box-shadow: 0 0 20px var(--accent-glow);
+    overflow: hidden;
 }
 
+.brand-icon img {
+    width: 70%;
+    height: 70%;
+    object-fit: contain;
+}
+
+
 .nav-center {
     display: flex;
     gap: 0.5rem;