fix(settings): lowercase info rows with inline copy-on-hover

Drop the forced text-transform: uppercase on team info labels and
values, and remove the onCopy override that existed only to mask it.

Reveal the existing CopyButton inline on row hover / keyboard focus
using the project's group/row + group-has-[:focus-visible] pattern.

Co-Authored-By: Craft Agent <agents-noreply@craft.do>

Author: drankou

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

@@ -1,30 +1,26 @@
 'use client'
 
-import { ClipboardEvent } from 'react'
 import { useDashboard } from '@/features/dashboard/context'
 import { formatDate } from '@/lib/utils/formatting'
+import CopyButton from '@/ui/copy-button'
 
-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}
-      >
+const InfoRow = ({ label, value }: { label: string; value: string }) => (
+  <div className="group/row 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">
+      {label}
+    </span>
+    <div className="flex min-w-0 items-center gap-2">
+      <span className="text-fg-secondary font-mono text-base leading-5 font-semibold tracking-[-0.16px] [overflow-wrap:anywhere]">
         {value}
       </span>
+      <CopyButton
+        value={value}
+        aria-label={`Copy ${label}`}
+        className="opacity-0 transition-opacity group-hover/row:opacity-100 group-has-[:focus-visible]/row:opacity-100 focus-visible:opacity-100"
+      />
     </div>
-  )
-}
+  </div>
+)
 
 export const TeamInfo = () => {
   const { team } = useDashboard()