end cleaning

src/components/widgets/TicketChatWidget.tsx

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import type { TicketMessage } from '@/types/Message';
-import { Card } from '@/components/ui/Card';
+import { Card, CardContent, CardHeader } from '@/components/ui/Card';
 import { Button } from '@/components/ui/Button';
 import { Input } from '@/components/ui/Input';
 import { EmptyState } from '@/components/ui/EmptyState';
@@ -34,13 +34,13 @@ export const TicketChatWidget: React.FC<TicketChatWidgetProps> = ({
   };
 
   return (
-    <Card className="flex flex-col h-[500px] overflow-hidden shadow-sm">
-      <div className="p-4 border-b border-slate-100 bg-slate-50">
-        <h2 className="text-sm font-semibold text-slate-800">Échanges chiffrés avec l'ingénierie</h2>
-      </div>
+    <Card className="h-125">
+      <CardHeader>
+        <h2 className="text-sm font-semibold text-slate-800">Échanges chiffrés</h2>
+      </CardHeader>
 
       {/* Zone des messages */}
-      <div className="flex-1 overflow-y-auto p-6 space-y-6 scrollbar-hide bg-white">
+      <CardContent className="flex-1 overflow-y-auto p-6 space-y-6">
         {messages.length === 0 ? (
           <EmptyState message="Aucun message pour l'instant. Démarrez la conversation ci-dessous." />
         ) : (
@@ -48,10 +48,10 @@ export const TicketChatWidget: React.FC<TicketChatWidgetProps> = ({
             <MessageBubble key={msg.id} message={msg} currentUserId={currentUserId} />
           ))
         )}
-      </div>
+      </CardContent>
 
       {/* Zone de saisie avec notre composant UI */}
-      <form onSubmit={handleSubmit} className="p-4 border-t border-slate-100 bg-slate-50 flex items-start space-x-3">
+      <form onSubmit={handleSubmit} className="p-4 flex items-start space-x-3">
         <div className="flex-1">
           <Input
             value={newMessage}