fix(alerts-table): trigger token box and copy to clipboard icon (#85)

* fix(alter): trigger token cell spacing

* fix(markdown): show copy to clipboard when lang is detected

* fix(dashbaord): trigger_string cell spacing

* fix(CopyToClipboard): position

* test: fix flaky dashboard it

Author: peppescg

src/components/Dashboard.tsx

@@ -31,7 +31,7 @@ const wrapObjectOutput = (input: AlertConversation["trigger_string"]) => {
   if (data === null) return "N/A";
   if (typeof data === "string") {
     return (
-      <div className="bg-gray-25 rounded-lg overflow-auto w-fit p-1">
+      <div className="bg-gray-25 rounded-lg overflow-auto p-4">
         <Markdown>{data}</Markdown>
       </div>
     );

src/components/Markdown.tsx

@@ -66,7 +66,7 @@ export function Markdown({ children, isInverted = false }: Props) {
           const language = match ? match[1] : detectedLanguage;
           return (
             <div
-              className="relative group w-full ml-0 my-4"
+              className="relative group w-full ml-0"
               data-testid="syntax-highlighter"
             >
               <SyntaxHighlighter
@@ -79,10 +79,10 @@ export function Markdown({ children, isInverted = false }: Props) {
               >
                 {String(children).replace(/\n$/, "")}
               </SyntaxHighlighter>
-              {match && (
+              {language && (
                 <CopyToClipboard
                   text={String(children).replace(/\n$/, "")}
-                  className="absolute top-4 right-8"
+                  className="absolute top-1 right-1"
                 />
               )}
             </div>

src/components/__tests__/Dashboard.test.tsx

@@ -268,9 +268,9 @@ describe("Dashboard", () => {
       }),
     ).toBeVisible();
 
-    userEvent.type(screen.getByRole("searchbox"), "codegate-secrets");
+    await userEvent.type(screen.getByRole("searchbox"), "codegate-secrets");
 
-    await waitFor(() =>
+    waitFor(() =>
       expect(screen.getByTestId(/alerts-count/i)).toHaveTextContent("1"),
     );
     const row = within(screen.getByTestId("alerts-table")).getAllByRole(