design: goose branding on desktop (#6563)

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

ui/desktop/src/components/GooseSidebar/AppSidebar.tsx

@@ -12,6 +12,7 @@ import {
   SidebarSeparator,
 } from '../ui/sidebar';
 import { ChatSmart, Gear } from '../icons';
+import { Goose } from '../icons/Goose';
 import { ViewOptions, View } from '../../utils/navigationUtils';
 import { useChatContext } from '../../contexts/ChatContext';
 import { DEFAULT_CHAT_TITLE } from '../../contexts/ChatContext';
@@ -210,7 +211,11 @@ const AppSidebar: React.FC<SidebarProps> = ({ currentPath }) => {
         </SidebarMenu>
       </SidebarContent>
 
-      <SidebarFooter className="pb-2 flex items-start">
+      <SidebarFooter className="pb-6 px-3 flex items-center justify-center">
+        <div className="flex flex-col items-center">
+          <Goose className="size-14 goose-icon-animation" />
+          <span className="text-base font-medium">goose</span>
+        </div>
         <EnvironmentBadge />
       </SidebarFooter>
     </>

ui/desktop/src/components/sessions/SessionsInsights.tsx

@@ -4,7 +4,6 @@ import { Greeting } from '../common/Greeting';
 import { useNavigate } from 'react-router-dom';
 import { Button } from '../ui/button';
 import { ChatSmart } from '../icons/';
-import { Goose } from '../icons/Goose';
 import { Skeleton } from '../ui/skeleton';
 import {
   getSessionInsights,
@@ -120,10 +119,7 @@ export function SessionInsights() {
     <div className="bg-background-muted flex flex-col h-full">
       {/* Header container with rounded bottom */}
       <div className="bg-background-default rounded-b-2xl mb-0.5">
-        <div className="px-8 pb-12 pt-19 space-y-4">
+        <div className="px-8 pb-12 pt-19">
-          <div className="origin-bottom-left goose-icon-animation">
-            <Goose className="size-8" />
-          </div>
           <Greeting />
         </div>
       </div>
@@ -213,10 +209,7 @@ export function SessionInsights() {
     <div className="bg-background-muted flex flex-col h-full">
       {/* Header container with rounded bottom */}
       <div className="bg-background-default rounded-b-2xl mb-0.5">
-        <div className="px-8 pb-12 pt-19 space-y-4">
+        <div className="px-8 pb-12 pt-19">
-          <div className="origin-bottom-left goose-icon-animation">
-            <Goose className="size-8" />
-          </div>
           <Greeting />
         </div>
       </div>