chore: components dedup

src/components/banner/WarningBanner.tsx

@@ -1,6 +1,5 @@
-import Image from 'next/image';
+import { WarningIcon } from '@hyperlane-xyz/widgets';
 import { PropsWithChildren, ReactNode } from 'react';
-import WarningIcon from '../../images/icons/warning.svg';
 
 export function WarningBanner({
   isVisible,
@@ -21,7 +20,7 @@ export function WarningBanner({
       } overflow-hidden transition-all duration-500 ${className}`}
     >
       <div className="flex items-center gap-2">
-        <Image src={WarningIcon} width={20} height={20} alt="Warning:" />
+        <WarningIcon width={20} height={20} />
         {children}
       </div>
       <button

src/components/buttons/CopyButton.tsx

@@ -1,6 +1,6 @@
+import { CheckmarkIcon } from '@hyperlane-xyz/widgets';
 import Image from 'next/image';
 import { useState } from 'react';
-import CheckmarkIcon from '../../images/icons/checkmark.svg';
 import CopyIcon from '../../images/icons/copy-stack.svg';
 import { tryClipboardSet } from '../../utils/clipboard';
 
@@ -32,7 +32,7 @@ export function CopyButton({ width, height, copyValue, classes }: Props) {
       } hover:opacity-70 active:opacity-90 ${classes}`}
     >
       {showCheckmark ? (
-        <Image src={CheckmarkIcon} width={width} height={height} alt="" />
+        <CheckmarkIcon width={width} height={height} />
       ) : (
         <Image src={CopyIcon} width={width} height={height} alt="" />
       )}