componenets standardization 1

frontend/src/components/common/ContentImageCell.tsx

@@ -4,6 +4,7 @@
  */
 import React, { useState } from 'react';
 import Badge from '../ui/badge/Badge';
+import Button from '../ui/button/Button';
 
 export interface ContentImageData {
   id?: number;
@@ -73,12 +74,15 @@ export default function ContentImageCell({ image, maxPromptLength = 100, showPro
           <p className="text-gray-700 dark:text-gray-300">
             {displayPrompt}
             {shouldTruncate && (
-              <button
+              <Button
+                variant="ghost"
+                tone="brand"
+                size="xs"
                 onClick={() => setShowFullPrompt(!showFullPrompt)}
-                className="ml-1 text-brand-500 hover:text-brand-600 text-xs"
+                className="ml-1 p-0 h-auto text-xs"
               >
                 {showFullPrompt ? 'Show less' : 'Show more'}
-              </button>
+              </Button>
             )}
           </p>
         </div>