chore(data-warehouse): add buttons to copy table and field names

frontend/src/lib/components/DatabaseTableTree/TreeRow.tsx

@@ -1,5 +1,6 @@
 import { IconChevronDown, IconEllipsis } from '@posthog/icons'
 import { LemonButton, Spinner } from '@posthog/lemon-ui'
+import { copyToClipboard } from 'lib/utils/copyToClipboard'
 import { useCallback, useState } from 'react'
 
 import { DatabaseSchemaTable } from '~/queries/schema'
@@ -13,10 +14,17 @@ export interface TreeRowProps {
     selected?: boolean
 }
 
-export function TreeRow({ item, selected }: TreeRowProps): JSX.Element {
+export function TreeRow({ item }: TreeRowProps): JSX.Element {
     return (
         <li>
-            <LemonButton size="xsmall" fullWidth active={selected} icon={item.icon ? <>{item.icon}</> : null}>
+            <LemonButton
+                onClick={() => {
+                    void copyToClipboard(item.name, item.name)
+                }}
+                size="xsmall"
+                fullWidth
+                icon={item.icon ? <>{item.icon}</> : null}
+            >
                 <span className="flex-1 flex justify-between">
                     <span className="truncate">{item.name}</span>
                     <span className="whitespace-nowrap">{item.type}</span>

frontend/src/scenes/data-warehouse/external/DataWarehouseTables.tsx

@@ -4,6 +4,7 @@ import { clsx } from 'clsx'
 import { BindLogic, useActions, useValues } from 'kea'
 import { router } from 'kea-router'
 import { DatabaseTableTree, TreeItem } from 'lib/components/DatabaseTableTree/DatabaseTableTree'
+import { copyToClipboard } from 'lib/utils/copyToClipboard'
 import { useState } from 'react'
 import { insightDataLogic } from 'scenes/insights/insightDataLogic'
 import { insightLogic } from 'scenes/insights/insightLogic'
@@ -97,6 +98,15 @@ export const DatabaseTableTreeWithItems = ({ inline }: DatabaseTableTreeProps):
 
     const dropdownOverlay = (table: DatabaseSchemaTable): JSX.Element => (
         <>
+            <LemonButton
+                onClick={() => {
+                    void copyToClipboard(table.name, table.name)
+                }}
+                fullWidth
+                data-attr="schema-list-item-copy"
+            >
+                Copy table name
+            </LemonButton>
             <LemonButton
                 onClick={() => {
                     selectRow(table)