chore: set a specific width and height (#1167)

* chore: set a specific width and height

* chore: formatting

* chore: fix Eslint

src/renderer/routes/test_sequencer_panel/components/data-table/utils.tsx

@@ -52,7 +52,7 @@ export const mapStatusToDisplay: { [k in StatusType] } = {
             FAIL
           </Badge>
         </HoverCardTrigger>
-        <HoverCardContent className="w-256 h-max-256 z-20 mt-2 overscroll-y-auto rounded-lg border bg-card px-3 py-2 text-card-foreground shadow-sm ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2">
+        <HoverCardContent className="z-20 mt-2 h-[306px] w-[600px] overscroll-y-auto rounded-lg border bg-card px-3 py-2 text-card-foreground shadow-sm ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2">
           <h2 className="text-muted-foreground">Error Message:</h2>
           {renderErrorMessage(status)}
         </HoverCardContent>
@@ -63,7 +63,7 @@ export const mapStatusToDisplay: { [k in StatusType] } = {
 function renderErrorMessage(text: string): JSX.Element {
   const lines = text.split("\n");
   return (
-    <div className="mt-2 whitespace-pre rounded-md bg-secondary p-2">
+    <div className="mt-2 h-[256px] overflow-scroll whitespace-pre rounded-md bg-secondary p-2">
       {lines.map((line, index) => (
         <div key={index}>{line}</div>
       ))}