[Bug] Use stable keys for Most Viewed Articles list rendering

[SB2318]

Followed By PR #972

You can check Gemini Guidance

Description

The Card components inside ActivityOverview.tsx were using array indices as React key values.

React recommends using stable identifiers for list rendering to improve reconciliation and prevent unnecessary UI issues.

Impact

• Potential UI glitches
• Incorrect component state retention
• Performance degradation during list updates

Expected Fix

• Replace index-based keys with stable identifiers:
  • item.pb_recordId
  • fallback to item._id

Labels

bug react frontend medium-priority

[github-actions]

Thank you for creating this issue! We'll look into it as soon as possible. Your contributions are highly appreciated! 😊

[Shikhar-404exe]

Hi ,

I reviewed this issue and the related files. I have experience in this field of work.

I’d like to work on this issue and can start immediately. My plan is to:

reproduce the issue locally
trace the affected components
implement and test the fix carefully

Please add suitable labels and /assign this issue to me under gssoc26 if it's available.
Thank you!

[Aashita101]

Hi, I’m a GSSoC’26 contributor and would like to work on this issue. Please assign it to me.

[Xenon010101]

I'd like to work on this. Will use stable keys for Most Viewed Articles list rendering to prevent unnecessary re-renders.

[SB2318]

@Aashita101 are u working on this?

[Aashita101]

Hi @SB2318! Yes, I'm actively working on this. I'll submit my PR today. Since I was assigned to this issue, I'll be completing the fix.