fix(smi-table): optimize row rendering with memoized rows

[Manishnemade12]

Summary

This PR resolves the SMI table rendering performance issue by isolating row rendering and collapse state per row.

Closes : #7613

What changed

• Refactored table row rendering from inline mapping into a separate TableRow component in src/components/SMI-Table/index.js.
• Wrapped TableRow with React.memo() to reduce unnecessary row re-renders.
• Moved collapse state from parent-level array to per-row local state (useState(false)) inside TableRow.
• Kept existing visual behavior, data display, and tooltip rendering logic unchanged.

Why this improves performance

• Clicking one row now updates only that row's local state instead of mutating a parent-level collapse array.
• This avoids forcing a full table body re-render on each row toggle and improves interaction responsiveness for larger datasets.

Scope

• Single-file, surgical change:
  • src/components/SMI-Table/index.js
• No unrelated logic or styling changes.

Validation

• Verified no diagnostics reported for the changed file in editor checks.
• As requested, no tests were run.

[Manishnemade12]

@rishiraj38 Can you please review this pr

[rishiraj38]

Good catch on extracting TableRow to fix the state mutation!

One issue though: dynamically generating the tooltip IDs (react-tooltip-${rowIndex}) broke the tooltips on the checkmarks/crosses since those are still hardcoded to look for react-tooltip. Also, rendering a <Tooltip> component per row can causes severe DOM bloat.

[Manishnemade12]

@rishiraj38 following changes i did as per your suggestion

• Added one shared tooltip ID constant and pointed all tooltip triggers (mesh icon + pass/half/fail cells) to it.
• Removed per-row Tooltip rendering from TableRow to prevent DOM bloat.
• Rendered a single Tooltip once at the Table level so all row/cell tooltips resolve consistently.