feat(layout): allow to minimize chat (#35)

packages/bolt/app/components/header/Header.tsx

@@ -2,7 +2,7 @@ import { useStore } from '@nanostores/react';
 import { ClientOnly } from 'remix-utils/client-only';
 import { chatStore } from '~/lib/stores/chat';
 import { classNames } from '~/utils/classNames';
-import { OpenStackBlitz } from './OpenStackBlitz.client';
+import { HeaderActionButtons } from './HeaderActionButtons.client';
 
 export function Header() {
   const chat = useStore(chatStore);
@@ -17,14 +17,22 @@ export function Header() {
         },
       )}
     >
-      <div className="flex items-center gap-2 z-logo text-bolt-elements-textPrimary">
+      <div className="flex items-center gap-2 z-logo text-bolt-elements-textPrimary cursor-pointer">
+        <div className="i-ph:sidebar-simple-duotone text-xl" />
         <a href="/" className="text-2xl font-semibold text-accent flex items-center">
           <span className="i-bolt:logo-text?mask w-[46px] inline-block" />
         </a>
       </div>
-      <div className="ml-auto flex gap-2">
-        <ClientOnly>{() => <OpenStackBlitz />}</ClientOnly>
-      </div>
+      <div className="flex-1" />
+      {chat.started && (
+        <ClientOnly>
+          {() => (
+            <div className="mr-1">
+              <HeaderActionButtons />
+            </div>
+          )}
+        </ClientOnly>
+      )}
     </header>
   );
 }