feat: Replace text-based logo with an image in the AppSidebar.

src/components/AppSidebar.vue

@@ -93,10 +93,8 @@ const navItems = computed(() => {
             class="hidden md:flex glass-panel w-[calc(100%-2rem)] mx-4 mt-4 mb-2 flex-row items-center px-8 py-3 rounded-2xl z-40 border border-white/5 bg-slate-900/50 backdrop-blur-md shrink-0 justify-between">
 
             <!-- Logo -->
-            <div
-                class="w-10 h-10 bg-gradient-to-br from-violet-600 to-cyan-500 rounded-xl flex items-center justify-center font-bold text-white text-xl shadow-lg shadow-violet-500/20 shrink-0">
-                AI
-            </div>
+            <img src="/web-app-manifest-512x512.png" alt="Logo"
+                class="w-10 h-10 rounded-xl shadow-lg shadow-violet-500/20 shrink-0" />
 
             <!-- Project Switcher -->
             <div class="hidden lg:block ml-4 relative">