use brand icon

apps/ai-game-creator-shell/src/view/layout.tsx

@@ -11,6 +11,7 @@ import {
 } from 'lucide-react';
 import { useEffect, useRef, useState } from 'react';
 
+import BRAND_ICON from '../../../../packages/shared/src/icons/taonier-product-ip.png';
 function cx(...classNames: Array<string | false | null | undefined>) {
   return classNames.filter(Boolean).join(' ');
 }
@@ -113,10 +114,10 @@ export function Sidebar({
   }
 
   return (
-    <aside className="w-16 sticky top-0 z-40 flex h-screen flex-col items-center gap-8 overflow-visible border-r border-(--platform-surface-border) bg-(--platform-nav-fill) px-0 pb-4.5 pt-4">
+    <aside className="w-16 sticky top-0 z-40 flex h-screen flex-col items-center gap-4 overflow-visible border-r border-(--platform-surface-border) bg-(--platform-nav-fill) px-0 pb-4.5 pt-4">
       <div className="grid place-items-center" aria-label="陶泥儿">
-        <span className="grid h-6 w-6 place-items-center rounded-full bg-(--platform-button-primary-fill) text-[10px] font-bold tracking-normal text-(--platform-button-primary-text) shadow-(--platform-profile-action-shadow)">
-          {/*// TODO icon*/}
+        <span className="grid size-12 place-items-center rounded-full bg-(--platform-button-primary-fill) text-[10px] font-bold tracking-normal text-(--platform-button-primary-text) shadow-(--platform-profile-action-shadow)">
+          <img src={BRAND_ICON} alt="brand logo"/>
         </span>
       </div>
       <nav className="grid justify-items-center gap-3.25" aria-label="客户端导航">
@@ -208,6 +209,7 @@ export function Sidebar({
                   onLogout();
                 }}
               >
+                {/*// TODO align*/}
                 <LogOut size={14} aria-hidden="true" />
                 退出登录
               </button>