fix: remove ph-no-capture class from canvas elements

frontend/src/queries/nodes/DataTable/renderColumn.tsx

@@ -160,7 +160,6 @@ export function renderColumn(
                 : '#'
             return (
                 <Link
-                    className="ph-no-capture"
                     to={newUrl}
                     onClick={(e) => {
                         e.preventDefault()
@@ -207,7 +206,6 @@ export function renderColumn(
                 : '#'
             return (
                 <Link
-                    className="ph-no-capture"
                     to={newUrl}
                     onClick={(e) => {
                         e.preventDefault()

frontend/src/queries/nodes/InsightViz/InsightVizDisplay.tsx

@@ -232,7 +232,7 @@ export function InsightVizDisplay({
             {/* These are filters that are reused between insight features. They each have generic logic that updates the url */}
             <div
                 className={clsx(
-                    `InsightVizDisplay InsightVizDisplay--type-${activeView.toLowerCase()} ph-no-capture`,
+                    `InsightVizDisplay InsightVizDisplay--type-${activeView.toLowerCase()}`,
                     !embedded && 'border rounded bg-surface-primary'
                 )}
                 data-attr="insights-graph"

frontend/src/scenes/annotations/Annotations.tsx

@@ -38,7 +38,7 @@ export function Annotations(): JSX.Element {
             width: '30%',
             render: function RenderAnnotation(_, annotation: AnnotationType): JSX.Element {
                 return (
-                    <div className="ph-no-capture font-semibold">
+                    <div className="font-semibold">
                         <Link subtle to={urls.annotation(annotation.id)}>
                             {annotation.content}
                         </Link>

frontend/src/scenes/cohorts/Cohorts.tsx

@@ -30,7 +30,6 @@ export function Cohorts(): JSX.Element {
         {
             title: 'Name',
             dataIndex: 'name',
-            className: 'ph-no-capture',
             width: '30%',
             sorter: (a, b) => (a.name || '').localeCompare(b.name || ''),
             render: function Render(name, { id, description }) {

frontend/src/scenes/insights/InsightTooltip/InsightTooltip.tsx

@@ -239,7 +239,6 @@ export function InsightTooltip({
                 dataSource={dataSource.slice(0, rowCutoff)}
                 columns={columns}
                 rowKey="id"
-                className="ph-no-capture"
                 uppercaseHeader={false}
                 rowRibbonColor={hideColorCol ? undefined : (datum: SeriesDatum) => datum.color || null}
                 showHeader={showHeader}