feat: enhance WindowService with improved DevTools setup and update Sidebar layout with logo integration

src/components/layout/MainLayout.tsx

@@ -6,7 +6,7 @@ export default function MainLayout() {
   const platform = (window as any).api?.platform ?? '';
 
   return (
-    <div className="bg-white dark:!bg-[#0f0f10] h-screen flex flex-col">
+    <div className=" dark:!bg-[#0f0f10] h-screen flex flex-col">
       <TitleBar />
 
       <main

src/components/layout/Sidebar.tsx

@@ -3,6 +3,8 @@ import { Book, Clock, Code, Cpu, House, Puzzle, Settings } from 'lucide-react';
 import { useI18n } from '../../i18n';
 import { NAV_ITEMS, normalizeWorkspacePath } from '../../router/routes';
 
+import blueLogo from '../../assets/images/login/blue_logo.png';
+
 const MENU_MARKS: Record<string, typeof House> = {
   '/home': House,
   '/knowledge': Book,
@@ -21,7 +23,7 @@ export default function Sidebar() {
 
   return (
     <aside className="box-border flex h-full w-[80px] flex-col items-center pb-[8px]">
-      <div className="flex w-full flex-col gap-[16px]">
+      <div className="flex flex-1 w-full flex-col gap-[16px]">
         {NAV_ITEMS.map((item) => {
           const active = currentId === item.path;
           const isSetting = item.path === '/setting';
@@ -64,7 +66,7 @@ export default function Sidebar() {
       </div>
 
       <div className="mt-auto flex h-[48px] w-[48px] items-center justify-center overflow-hidden rounded-full border border-black/10 bg-white dark:border-[#2a2a2d] dark:bg-[#222225]">
-        <span className="text-[16px] font-bold text-[#2B7FFF]">Z</span>
+        <img className="h-full w-full object-cover" src={blueLogo} alt="Logo" />
       </div>
     </aside>
   );