fix nits

frontend/src/components/notifications/Notifications.tsx

@@ -9,24 +9,30 @@ export type TNotification = {
   title?: string;
   text: ReactNode;
   children?: ReactNode;
-  cta?: ReactNode;
+  callToAction?: ReactNode;
   copyActions?: { icon?: IconDefinition; value: string; name: string; label?: string }[];
 };
 
-export const NotificationContent = ({ title, text, children, cta, copyActions }: TNotification) => {
+export const NotificationContent = ({
+  title,
+  text,
+  children,
+  callToAction,
+  copyActions
+}: TNotification) => {
   return (
     <div className="msg-container">
       {title && <div className="text-md mb-1 font-medium">{title}</div>}
       <div className={title ? "text-sm text-neutral-400" : "text-md"}>{text}</div>
       {children && <div className="mt-2">{children}</div>}
-      {(cta || copyActions) && (
+      {(callToAction || copyActions) && (
         <div
           className={twMerge(
             "mt-2 flex h-7 w-full flex-row items-end gap-2",
-            cta ? "justify-between" : "justify-end"
+            callToAction ? "justify-between" : "justify-end"
           )}
         >
-          {cta}
+          {callToAction}
 
           {copyActions && (
             <div className="flex h-7 flex-row items-center gap-2">

frontend/src/components/v2/CopyButton/CopyButton.tsx

@@ -24,10 +24,8 @@ export const CopyButton = ({
   name,
   icon = faCopy
 }: CopyButtonProps) => {
-  const tooltipText = name ? `Copy ${name}` : "Copy to clipboard";
-
   const [copyText, isCopying, setCopyText] = useTimedReset<string>({
-    initialState: tooltipText
+    initialState: name ? `Copy ${name}` : "Copy to clipboard"
   });
 
   async function handleCopyText() {
@@ -39,7 +37,7 @@ export const CopyButton = ({
     <div>
       <Tooltip content={copyText} size={size === "xs" || size === "sm" ? "sm" : "md"}>
         <IconButton
-          ariaLabel={tooltipText}
+          ariaLabel={copyText}
           variant={variant}
           className={twMerge("group relative", color)}
           size={size}

frontend/src/reactQuery.tsx

@@ -33,7 +33,7 @@ export const queryClient = new QueryClient({
               title: "Validation Error",
               type: "error",
               text: "Please check the input and try again.",
-              cta: (
+              callToAction: (
                 <Modal>
                   <ModalTrigger>
                     <Button variant="outline_bg" size="xs">
@@ -80,7 +80,7 @@ export const queryClient = new QueryClient({
               title: "Forbidden Access",
               type: "error",
               text: `${serverResponse.message}.`,
-              cta: serverResponse?.details?.length ? (
+              callToAction: serverResponse?.details?.length ? (
                 <Modal>
                   <ModalTrigger>
                     <Button variant="outline_bg" size="xs">