chore: add log events to alert history page

[ahmadshaheer]

Summary

Add events to the alerts history page

• click on the alerts history tab
• click on the top contributors
• click on the row on the timeline view

Related Issues / PR's

Part of https://github.com/SigNoz/engineering-pod/issues/1952

Screenshots

NA

Affected Areas and Manually Tested Areas

---

Important

Add logging for user interactions on the alert history page, including tab changes and row clicks, using logEvent.

• Logging:
  • Add logEvent calls in TopContributorsRows.tsx for row clicks to log labels.
  • Add logEvent calls in Table.tsx for timeline table row clicks to log ruleId and labels.
  • Add logEvent in AlertDetails.tsx to log when the Alert History tab is visited.
• Function Signature Changes:
  • Change onChangeHandler signature in RouteTabProps to accept a string key instead of VoidFunction.
  • Update onChangeHandler usage in index.tsx to pass activeRoute.
• Misc:
  • Add handleRowClick function in TopContributorsRows.tsx and Table.tsx to handle row click events.

^{This description was created by for 554a866. It will automatically update as commits are pushed.}

[github-actions]

Build Error! No Linked Issue found. Please link an issue or mention it in the body using #<issue_id>

[github-actions]

Build Error! No Linked Issue found. Please link an issue or mention it in the body using #<issue_id>

[ellipsis-dev]

❌ Changes requested. Reviewed everything up to 554a866 in 54 seconds

More details

• Looked at 153 lines of code in 5 files
• Skipped 0 files when reviewing.
• Skipped posting 1 drafted comments based on config settings.

1. frontend/src/container/AlertHistory/Timeline/Table/Table.tsx:50

• Draft comment:
  The return type of handleRowClick should match the expected type for onRow. Consider using React.HTMLAttributes<HTMLTableRowElement> instead of HTMLAttributes<AlertRuleTimelineTableResponse>. This issue is also present in TopContributorsRows.tsx.
• Reason this comment was not posted:
  Marked as duplicate.

Workflow ID: wflow_gTkhpkUuC3zF35OP

---

Want Ellipsis to fix these issues? Tag @ellipsis-dev in a comment. You can customize Ellipsis with 👍 / 👎 feedback, review rules, user-specific overrides, quiet mode, and more.