fix: remove eye icon columns, remove redundant Gender/Age columns

- LeadTable: removed eye icon column, row click (onAction) opens detail panel
- Appointments: removed eye icon column, row click opens detail panel
- Patients: removed Gender + Age columns (already shown as sub-line
  beneath patient name)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

src/components/leads/lead-table.tsx

@@ -1,8 +1,6 @@
 import { useMemo, useState } from 'react';
 import { TableBody as AriaTableBody } from 'react-aria-components';
 import type { SortDescriptor, Selection } from 'react-aria-components';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faEye } from '@fortawesome/pro-duotone-svg-icons';
 import { Badge } from '@/components/base/badges/badges';
 import { Table } from '@/components/application/table/table';
 import { LeadStatusBadge } from '@/components/shared/status-badge';
@@ -94,7 +92,6 @@ export const LeadTable = ({
     }, [leads, expandedDupId]);
 
     const allColumns = [
-        { id: 'view', label: '', allowsSorting: false, defaultWidth: 40 },
         { id: 'phone', label: 'Phone', allowsSorting: true, defaultWidth: 150 },
         { id: 'name', label: 'Name', allowsSorting: true, defaultWidth: 160 },
         { id: 'email', label: 'Email', allowsSorting: false, defaultWidth: 180 },
@@ -110,7 +107,7 @@ export const LeadTable = ({
     ];
 
     const columns = visibleColumns
-        ? allColumns.filter(c => visibleColumns.has(c.id) || c.id === 'view')
+        ? allColumns.filter(c => visibleColumns.has(c.id))
         : allColumns;
 
     return (
@@ -156,7 +153,6 @@ export const LeadTable = ({
                                     id={row.id}
                                     className="bg-warning-primary"
                                 >
-                                    <Table.Cell />
                                     <Table.Cell className="pl-10">
                                         <span className="text-xs text-tertiary">{phone}</span>
                                     </Table.Cell>
@@ -207,20 +203,12 @@ export const LeadTable = ({
                                 key={row.id}
                                 id={row.id}
                                 className={cx(
-                                    'group/row',
+                                    'group/row cursor-pointer',
                                     isSpamRow && !isSelected && 'bg-warning-primary',
                                     isSelected && 'bg-brand-primary',
                                 )}
+                                onAction={() => onViewActivity?.(lead)}
                             >
-                                <Table.Cell>
-                                    <button
-                                        onClick={(e) => { e.stopPropagation(); onViewActivity?.(lead); }}
-                                        className="flex size-7 items-center justify-center rounded-lg text-fg-quaternary hover:text-fg-secondary hover:bg-primary_hover transition duration-100 ease-linear"
-                                        title="View details"
-                                    >
-                                        <FontAwesomeIcon icon={faEye} className="size-3.5" />
-                                    </button>
-                                </Table.Cell>
                                 {isCol('phone') && <Table.Cell>
                                     {phoneRaw ? (
                                         <PhoneActionCell phoneNumber={phoneRaw} displayNumber={phone} />