fix: info row value copy (#335)

Safari copies the visually displayed uppercase text when selecting
content by default. This change ensures users copy the underlying value
instead, preserving the original text.

Author: drankou

src/features/dashboard/settings/general/team-info.tsx

@@ -1,18 +1,30 @@
 'use client'
 
+import { ClipboardEvent } from 'react'
 import { useDashboard } from '@/features/dashboard/context'
 import { formatDate } from '@/lib/utils/formatting'
 
-const InfoRow = ({ label, value }: { label: string; value: string }) => (
-  <div className="flex flex-col gap-1 sm:flex-row sm:items-center sm:justify-between sm:gap-4">
-    <span className="text-fg-tertiary shrink-0 text-xs leading-[17px] font-normal uppercase">
-      {label}
-    </span>
-    <span className="text-fg-secondary font-mono text-base leading-5 font-semibold tracking-[-0.16px] uppercase [overflow-wrap:anywhere]">
-      {value}
-    </span>
-  </div>
-)
+const InfoRow = ({ label, value }: { label: string; value: string }) => {
+  const handleCopy = (e: ClipboardEvent<HTMLSpanElement>) => {
+    if (!window.getSelection()?.toString()) return
+    e.preventDefault()
+    e.clipboardData.setData('text/plain', value)
+  }
+
+  return (
+    <div className="flex flex-col gap-1 sm:flex-row sm:items-center sm:justify-between sm:gap-4">
+      <span className="text-fg-tertiary shrink-0 text-xs leading-[17px] font-normal uppercase">
+        {label}
+      </span>
+      <span
+        className="text-fg-secondary font-mono text-base leading-5 font-semibold tracking-[-0.16px] uppercase [overflow-wrap:anywhere]"
+        onCopy={handleCopy}
+      >
+        {value}
+      </span>
+    </div>
+  )
+}
 
 export const TeamInfo = () => {
   const { team } = useDashboard()