feat: seperate the navigation and copy actions in CopyAddress

Author: aaronbassett

apps/developer-hub/src/components/CopyAddress/index.module.scss

@@ -0,0 +1,7 @@
+@use "@pythnetwork/component-library/theme";
+
+.address {
+  display: flex;
+  flex-flow: row nowrap;
+  gap: theme.spacing(2);
+}

apps/developer-hub/src/components/CopyAddress/index.tsx

@@ -1,16 +1,19 @@
 "use client";
 
 import { CopyButton } from "@pythnetwork/component-library/CopyButton";
+import { Link } from "@pythnetwork/component-library/Link";
 
 import TruncateToMiddle from "../TruncateToMiddle";
+import styles from "./index.module.scss";
 
 const CopyAddress = ({ address, url }: { address: string; url?: string }) => {
   return url ? (
-    <form>
-      <CopyButton text={address} formAction={url} type="submit">
+    <div className={styles.address}>
+      <Link href={url} target="_blank" rel="noreferrer">
         <TruncateToMiddle text={address} />
-      </CopyButton>
-    </form>
+      </Link>
+      <CopyButton text={address} iconOnly />
+    </div>
   ) : (
     <CopyButton text={address}>
       <TruncateToMiddle text={address} />