improve: replace long line of words with clipboard button (#95)

* improve: replace long line of words with clipboard button

* change module path

src/routes/alert-rule.tsx

@@ -2,6 +2,7 @@ import { deleteAlertRules } from "@/api/alert-rule"
 import { swrFetcher } from "@/api/api"
 import { ActionButtonGroup } from "@/components/action-button-group"
 import { AlertRuleCard } from "@/components/alert-rule"
+import { CopyButton } from "@/components/copy-button"
 import { HeaderButtonGroup } from "@/components/header-button-group"
 import { NotificationTab } from "@/components/notification-tab"
 import { Checkbox } from "@/components/ui/checkbox"
@@ -87,11 +88,7 @@ export default function AlertRulePage() {
             header: t("Rules"),
             cell: ({ row }) => {
                 const s = row.original
-                return (
-                    <div className="max-w-48 whitespace-normal break-words">
-                        {JSON.stringify(s.rules)}
-                    </div>
-                )
+                return <CopyButton text={JSON.stringify(s.rules)} />
             },
         },
         {