refactor: improve displayed text

src/app/accounts/[address]/account-header.js

@@ -1,13 +1,15 @@
-export default function AccountHeader({ address }) {
+export default function AccountHeader({ address, config: { ckbChain } }) {
   return (
     <header>
       <p className="break-all">{address}</p>
-      <p>
-        Claim CKB From{" "}
-        <a target="_blank" href="https://faucet.nervos.org/">
-          Faucet
-        </a>
-      </p>
+      {ckbChain === "AGGRON4" ? (
+        <p>
+          Claim CKB From{" "}
+          <a target="_blank" href="https://faucet.nervos.org/">
+            Faucet
+          </a>
+        </p>
+      ) : null}
     </header>
   );
 }

src/app/accounts/[address]/page.js

@@ -1,12 +1,15 @@
 import { Suspense } from "react";
+import { useConfig } from "@/lib/config";
 import Assets, { AssetsFallback } from "./assets";
 import AccountHeader from "./account-header";
 
-export default function Account({ params: { address } }) {
+export default function Account({ params: { address }, config }) {
+  config = config ?? useConfig();
+
   return (
     <>
       <header>
-        <AccountHeader address={address} />
+        <AccountHeader address={address} config={config} />
       </header>
       <main>
         <Suspense fallback={<AssetsFallback />}>

src/app/accounts/[address]/submit-building-packet.js

@@ -38,7 +38,8 @@ export function TxStatus({ txHash, txStatus, ckbChainConfig }) {
     <>
       {txHash ? (
         <p className="break-all">
-          Tx Hash: <TxHash txHash={txHash} ckbChainConfig={ckbChainConfig} />
+          Transactoin Hash:{" "}
+          <TxHash txHash={txHash} ckbChainConfig={ckbChainConfig} />
         </p>
       ) : null}
       {txStatus.status === "committed"