refactor: replace hardcoded loan score thresholds with named constants

frontend/src/app/[locale]/settings/page.tsx

@@ -25,6 +25,7 @@ import {
 import { useUserStore, selectUser } from "../../stores/useUserStore";
 import { logoutUser } from "../../lib/session";
 import { useNotificationPreferences, useUpdateNotificationPreferences } from "../../hooks/useApi";
+import { COPY_FEEDBACK_RESET_MS } from "../../components/ui";
 // ─── Types ────────────────────────────────────────────────────────────────────
 
 interface NotificationPrefs {
@@ -52,6 +53,30 @@ const SECTIONS = [
 
 type SectionId = (typeof SECTIONS)[number]["id"];
 
+// ─── Copy-to-clipboard helper ─────────────────────────────────────────────────
+
+function CopyButton({ value }: { value: string }) {
+  const [copied, setCopied] = useState(false);
+
+  const handleCopy = () => {
+    navigator.clipboard.writeText(value).then(() => {
+      setCopied(true);
+      setTimeout(() => setCopied(false), COPY_FEEDBACK_RESET_MS);
+    });
+  };
+
+  return (
+    <button
+      onClick={handleCopy}
+      className="p-1.5 rounded-md text-zinc-400 hover:text-zinc-700 hover:bg-zinc-100 dark:hover:text-zinc-200 dark:hover:bg-zinc-800 transition-colors"
+      title="Copy to clipboard"
+      aria-label={copied ? "Copied to clipboard" : "Copy to clipboard"}
+    >
+      {copied ? <CheckCheck className="h-4 w-4 text-green-500" /> : <Copy className="h-4 w-4" />}
+    </button>
+  );
+}
+
 // ─── Toggle switch ─────────────────────────────────────────────────────────────
 
 function Toggle({

frontend/src/app/[locale]/wallet/page.tsx

@@ -27,6 +27,7 @@ import {
 } from "../../stores/useWalletStore";
 import Link from "next/link";
 import { QRCodeSVG } from "qrcode.react";
+import { COPY_FEEDBACK_RESET_MS } from "../../components/ui";
 
 // ─── Helpers ──────────────────────────────────────────────────────────────────
 

frontend/src/app/components/ui.tsx

@@ -0,0 +1 @@
+export const COPY_FEEDBACK_RESET_MS = 2000;

frontend/src/app/components/ui/TxHashLink.tsx

@@ -3,6 +3,7 @@
 import { useState } from "react";
 import { Copy, Check, ExternalLink } from "lucide-react";
 import { getTxUrl, truncateHash } from "../../utils/stellar";
+import { COPY_FEEDBACK_RESET_MS } from "../../constants/ui";
 
 interface TxHashLinkProps {
   txHash: string;
@@ -15,8 +16,12 @@ export function TxHashLink({ txHash, chars = 8, className = "" }: TxHashLinkProp
 
   async function handleCopy() {
     await navigator.clipboard.writeText(txHash);
+
     setCopied(true);
-    setTimeout(() => setCopied(false), 2000);
+
+    setTimeout(() => {
+      setCopied(false);
+    }, COPY_FEEDBACK_RESET_MS);
   }
 
   return (
@@ -50,4 +55,4 @@ export function TxHashLink({ txHash, chars = 8, className = "" }: TxHashLinkProp
       </a>
     </span>
   );
-}
+}