fix(grid): Dynamic row number column width for large datasets

The row number column was fixed at 50px, which caused the pin icon
to overflow/disappear when row numbers exceeded 99 (3+ digits).

Fix:
- Calculate row number width dynamically based on max row number
- Formula: 36px base + 8px per digit
- Examples: 50 (rows 1-99), 52 (100-999), 60 (1000-9999)

This ensures the pin icon remains visible and clickable regardless
of how many rows are displayed.

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

Author: zknpr

core/ui/modules/grid.js

@@ -350,7 +350,12 @@ export async function loadTableData(showSpinner = true, saveScrollPosition = tru
 export function renderDataGrid(savedScrollTop = null, savedScrollLeft = null) {
     const headerHeight = 52;
     const rowHeight = 26;
-    const rowNumWidth = 50;
+
+    // Calculate row number column width based on the largest row number that will be displayed
+    // Base width: 50px for up to 2 digits, add ~8px per additional digit
+    const maxRowNum = state.currentPageIndex * state.rowsPerPage + state.gridData.length;
+    const digitCount = Math.max(2, String(maxRowNum).length);
+    const rowNumWidth = 36 + (digitCount * 8); // Base 36px + 8px per digit
 
     const container = document.getElementById('gridContainer');
     if (!container) return;