style(vscode-ide-companion): improve UI styling for chat components

packages/vscode-ide-companion/src/webview/components/InfoBanner.tsx

@@ -47,7 +47,7 @@ export const InfoBanner: React.FC<InfoBannerProps> = ({
 
   return (
     <div
-      className="flex items-center justify-between border-t"
+      className="flex items-center justify-between"
       style={{
         gap: '12px',
         padding: '12px 16px',

packages/vscode-ide-companion/src/webview/components/layouts/ChatHeader.tsx

@@ -23,7 +23,6 @@ export const ChatHeader: React.FC<ChatHeaderProps> = ({
   <div
     className="flex gap-1 select-none py-1.5 px-2.5"
     style={{
-      borderBottom: '1px solid var(--app-primary-border-color)',
       backgroundColor: 'var(--app-header-background)',
     }}
   >

packages/vscode-ide-companion/src/webview/components/messages/AssistantMessage.tsx

@@ -61,8 +61,17 @@ export const AssistantMessage: React.FC<AssistantMessageProps> = ({
         paddingBottom: '8px',
       }}
     >
-      <span style={{ color: 'var(--app-secondary-foreground)' }}>
+      <span style={{ color: 'var(--app-secondary-foreground)', width: '100%' }}>
-        <p style={{ margin: 0, color: 'var(--app-secondary-foreground)' }}>
+        <p
+          style={{
+            margin: 0,
+            color: 'var(--app-secondary-foreground)',
+            width: '100%',
+            wordWrap: 'break-word',
+            overflowWrap: 'break-word',
+            whiteSpace: 'normal',
+          }}
+        >
           <MessageContent content={content} onFileClick={onFileClick} />
         </p>
       </span>