feat: Add copy row as JSON button to DBRowJsonViewer (#2035)

## Summary

Adds ability to copy JSON button for entire row

### Screenshots or video


https://github.com/user-attachments/assets/0a30db15-6db0-4858-8503-d1b1688615ca

### How to test locally or on Vercel

1. Go to vercel preview
2. Click on any row
3. Copy to clipboard by clicking copy icon

### References

- Linear Issue: Closes HDX-3900

Author: knudtty

packages/app/src/components/DBRowJsonViewer.tsx

@@ -210,12 +210,31 @@ const viewerOptionsAtom = atomWithStorage<ViewerOptions>(
   viewerOptionsStorage,
 );
 
-function HyperJsonMenu() {
+function HyperJsonMenu({ rowData }: { rowData: any }) {
   const [jsonOptions, setJsonOptions] = useAtom(viewerOptionsAtom);
   const effectiveWhiteSpace = jsonOptions.whiteSpace ?? 'pre-wrap';
 
   return (
     <Group>
+      {rowData != null && (
+        <UnstyledButton
+          onClick={() => {
+            window.navigator.clipboard.writeText(
+              typeof rowData === 'string'
+                ? rowData
+                : JSON.stringify(rowData, null, 2),
+            );
+            notifications.show({
+              color: 'green',
+              message: `Value copied to clipboard`,
+            });
+          }}
+          variant="copy"
+          title={'Copy row as JSON'}
+        >
+          <IconCopy size={14} />
+        </UnstyledButton>
+      )}
       <UnstyledButton
         color="gray"
         data-testid="json-viewer-wrap-toggle"
@@ -604,7 +623,7 @@ export function DBRowJsonViewer({
             </Button>
           )}
           <div className="flex-grow-1" />
-          <HyperJsonMenu />
+          <HyperJsonMenu rowData={rowData} />
         </Group>
       </Box>
       <Paper bg="transparent" mt="sm">