feat(PBI-49): add debugProps to admin/ + dashboard/ + dialogs/ + mobile/ + split-pane/

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

components/admin/jobs-table.tsx

@@ -12,6 +12,7 @@ import {
   TableRow,
 } from '@/components/ui/table'
 import { cancelJobAction, deleteJobAction } from '@/actions/admin/jobs'
+import { debugProps } from '@/lib/debug'
 
 type Job = {
   id: string
@@ -203,7 +204,7 @@ export function JobsTable({ jobs }: { jobs: Job[] }) {
   const [view, setView] = useState<'status' | 'costs'>('status')
 
   return (
-    <div className="space-y-3">
+    <div className="space-y-3" {...debugProps('jobs-table', 'JobsTable', 'components/admin/jobs-table.tsx')}>
       <div className="flex gap-1">
         <Button
           size="sm"

components/admin/products-table.tsx

@@ -21,6 +21,7 @@ import {
   TableRow,
 } from '@/components/ui/table'
 import { adminArchiveProductAction, adminDeleteProductAction } from '@/actions/admin/products'
+import { debugProps } from '@/lib/debug'
 
 type Product = {
   id: string
@@ -78,7 +79,7 @@ function DeleteDialog({ product }: { product: Product }) {
 
 export function ProductsTable({ products }: { products: Product[] }) {
   return (
-    <Table>
+    <Table {...debugProps('products-table', 'ProductsTable', 'components/admin/products-table.tsx')}>
       <TableHeader>
         <TableRow>
           <TableHead>Naam</TableHead>

components/admin/users-table.tsx

@@ -26,6 +26,7 @@ import {
   updateUserRolesAction,
   setMustResetPasswordAction,
 } from '@/actions/admin/users'
+import { debugProps } from '@/lib/debug'
 
 type UserWithRoles = {
   id: string
@@ -190,7 +191,7 @@ export function UsersTable({
   currentUserId: string
 }) {
   return (
-    <Table>
+    <Table {...debugProps('users-table', 'UsersTable', 'components/admin/users-table.tsx')}>
       <TableHeader>
         <TableRow>
           <TableHead>Gebruiker</TableHead>