fix: replace data-ph-no-capture attribute with ph-no-capture class

PostHog supports class-based no-capture which is more reliable than
data attributes for preventing sensitive data capture in session replays.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: gugu

frontend/src/app/components/audit/info-dialog/info-dialog.component.html

@@ -1,6 +1,6 @@
 <h1 mat-dialog-title>Log details</h1>
 <mat-dialog-content>
-    <p class="mat-body-1" data-block="preamble" data-ph-no-capture>
+    <p class="mat-body-1 ph-no-capture" data-block="preamble">
       {{ log.User }} {{ action }} in "{{ normalizedTableName }}" table on {{formattedCrreatedAt}} {{ log.Status }}.
     </p>
 
@@ -10,10 +10,10 @@ <h1 mat-dialog-title>Log details</h1>
             class="mat-body"
             [ngClass]="{changed: isChangedFiled(field)}">
             <th>{{filedsNames[field]}}</th>
-            <td data-ph-no-capture *ngIf="log.currentValue[field] !== '* * * sensitive data, no logs stored * * *'">
+            <td class="ph-no-capture" *ngIf="log.currentValue[field] !== '* * * sensitive data, no logs stored * * *'">
               {{log.prevValue[field]}}
             </td>
-            <td data-ph-no-capture
+            <td class="ph-no-capture"
               [attr.colspan]="log.currentValue[field] === '* * * sensitive data, no logs stored * * *' ? '2' : '' "
               [ngClass]="{sensitive: log.currentValue[field] === '* * * sensitive data, no logs stored * * *'}">
               <div class="updated-cell">
@@ -35,7 +35,7 @@ <h1 mat-dialog-title>Log details</h1>
           class="mat-body"
           [ngClass]="{changed: isChangedFiled(field)}">
           <th>{{filedsNames[field.key]}}</th>
-          <td data-ph-no-capture *ngIf="log.currentValue[field] !== '* * * sensitive data, no logs stored * * *'">
+          <td class="ph-no-capture" *ngIf="log.currentValue[field] !== '* * * sensitive data, no logs stored * * *'">
             {{field.value}}
           </td>
         </tr>

frontend/src/app/components/charts/chart-edit/chart-edit.component.html

@@ -47,7 +47,7 @@ <h3>SQL Query</h3>
                         {{ testing() ? 'Testing...' : 'Test Query' }}
                     </button>
                 </div>
-                <div class="code-editor-box" data-ph-no-capture>
+                <div class="code-editor-box ph-no-capture">
                     <ngs-code-editor
                         [theme]="codeEditorTheme"
                         [codeModel]="codeModel()"

frontend/src/app/components/dashboard/db-table-view/db-table-row-view/db-table-row-view.component.html

@@ -80,7 +80,7 @@ <h2 class="mat-heading-2 row-preview-sidebar__title">Preview</h2>
     <ng-container *ngIf="selectedRow && selectedRow.record; else loadingContent">
         <div *ngFor="let column of columns; let i = index" class="row-preview-sidebar__field">
             <strong>{{column.normalizedTitle}}</strong>
-            <div data-ph-no-capture class="row-preview-sidebar__value">
+            <div class="row-preview-sidebar__value ph-no-capture">
                 <ng-container *ngIf="isForeignKey(column.title); else recordContent">
                     <app-foreign-key-record-view
                         link="/dashboard/{{selectedRow.connectionID}}/{{selectedRow.foreignKeys[column.title]?.referenced_table_name}}/entry"

frontend/src/app/components/dashboard/db-table-view/db-table-view.component.html

@@ -185,8 +185,8 @@ <h2 class="mat-h2 table-name">{{ displayName }}</h2>
 </div>
 
 <div *ngIf="getFiltersCount(activeFilters) !== 0 && !hasSavedFilterActive" class="active-filters">
-    <mat-chip-row *ngFor="let activeFilter of activeFilters | keyvalue" data-ph-no-capture
-        class="db-table-active-filter-chip"    
+    <mat-chip-row *ngFor="let activeFilter of activeFilters | keyvalue"
+        class="db-table-active-filter-chip ph-no-capture"
         (removed)="removeFilter.emit(activeFilter.key)"
         (click)="handleActiveFilterClick(activeFilter.key)">
         {{ getFilter(activeFilter) }}
@@ -282,7 +282,7 @@ <h2 class="mat-h2 table-name">{{ displayName }}</h2>
                         </button>
                     </mat-menu>
                 </mat-header-cell>
-                <mat-cell *matCellDef="let element; let i = index" [attr.data-label]="tableData.dataNormalizedColumns[column]" class="db-table-cell" data-ph-no-capture>
+                <mat-cell *matCellDef="let element; let i = index" [attr.data-label]="tableData.dataNormalizedColumns[column]" class="db-table-cell ph-no-capture">
                     <div class="table-cell-content">
                         <ng-container *ngIf="isForeignKey(column); else contentCell">
                             <app-display-foreign-key

frontend/src/app/components/dashboard/db-table-view/saved-filters-panel/saved-filters-panel.component.html

@@ -179,7 +179,7 @@
             </div>
         </form>
         <div class="static-filters" *ngIf="savedFilterMap[selectedFilterSetId]?.staticFilters?.length">
-            <mat-chip *ngFor="let filter of savedFilterMap[selectedFilterSetId]?.staticFilters" class="static-filter-chip" data-ph-no-capture>
+            <mat-chip *ngFor="let filter of savedFilterMap[selectedFilterSetId]?.staticFilters" class="static-filter-chip ph-no-capture">
                 {{ getFilter(filter) }}
             </mat-chip>
         </div>

frontend/src/app/components/ui-components/record-edit-fields/code/code.component.html

@@ -1,6 +1,6 @@
 <span class="mat-body-1">{{ normalizedLabel }} {{ required ? '*' : '' }}</span>
 
-<div class="code-editor-box" data-ph-no-capture>
+<div class="code-editor-box ph-no-capture">
     <ngs-code-editor
         [theme]="codeEditorTheme"
         [codeModel]="mutableCodeModel"

frontend/src/app/components/ui-components/record-edit-fields/json-editor/json-editor.component.html

@@ -1,6 +1,6 @@
 <span class="mat-body-1">{{ normalizedLabel }} {{ required ? '*' : '' }}</span>
 
-<div class="code-editor-box" data-ph-no-capture>
+<div class="code-editor-box ph-no-capture">
     <ngs-code-editor
         theme="vs"
         [codeModel]="mutableCodeModel"

frontend/src/app/components/ui-components/record-edit-fields/markdown/markdown.component.html

@@ -1,6 +1,6 @@
 <span class="mat-body-1">{{ normalizedLabel }} {{ required ? '*' : '' }}</span>
 
-<div class="code-editor-box" data-ph-no-capture>
+<div class="code-editor-box ph-no-capture">
     <ngs-code-editor
         [theme]="codeEditorTheme"
         [codeModel]="mutableCodeModel"