Fix(sistent): Added Table component documentation

[kanishksingh23]

Description
Adds Table component documentation to the Sistent component library, including:

• Basic Table demo
• Sortable Table demo
• Selectable Rows Table demo (with working checkbox selection)
• Paginated Table demo

All demos use ResponsiveDataTable from @sistent/sistent.

This PR fixes #7607

Notes for Reviewers

• Used useMemo for stable column/data references
• Selectable rows wired up with rowsSelected and onRowSelectionChange
• Added mounted state guard to fix SSR build failures
• Generic names used in all demo data (Alice, Bob, Charlie)

This is a re-submission of PR #7692 which was closed due to git history issues
during conflict resolution. All reviewer feedback from the previous PR has been addressed.

Signed commits

• Yes, I signed my commits.

[github-actions]

🚀 Preview deployment: https://layer5.io/pr-preview/pr-7737/

Note: Preview may take a moment (GitHub Pages deployment in progress). Please wait and refresh. Track deployment here

[kanishksingh23]

@rishiraj38, @saurabhraghuvanshii, please have a look.

[rishiraj38]

Selectable table component is not working. Please take reference from:

UI reference:
https://playground.meshery.io/configuration/designs?view=table

Code reference:
https://github.com/meshery/meshery/blob/master/ui/components/designs/patterns/MesheryPatterns.tsx#L532

[Bhumikagarggg]

@kanishksingh23 Thank you for your contribution! Let's discuss this during the website call tomorrow at 5:30 PM IST | 7 AM CST Add it as an agenda item to the meeting minutes, if you would 🙂

[kanishksingh23]

Hey @rishiraj38, I have matched the implementation exactly to MesheryPatterns.tsx. But still, the checkboxes are not selectable. I think it's a Gatsby preview deployment issue.

[Rajesh-Nagarajan-11]

Waiting for preview....

[kanishksingh23]

[rishiraj38]

@kanishksingh23 I checked this locally as well, so it doesn’t seem to be a Gatsby deployment issue. Could you please take another look and fix it?

Screen.Recording.2026-05-20.at.9.07.42.PM.mov

[kanishksingh23]

Hey @rishiraj38

I've been thoroughly debugging the checkbox selection issue. I found React hydration errors in the browser console. I also checked the compiled @sistent/sistent bundle and confirmed ResponsiveDataTable doesn't override selectableRows. I noticed that other interactive components, like Popper, use no mount guard at all. Should I follow the same pattern for ResponsiveDataTable? Also, ResponsiveDataTable is the only usage of this component in the entire Layer5 repo, so there's no existing pattern to reference. Could you share a minimal working example of SelectableTableDemo with selectableRows: "multiple" that works locally?

Also, I am currently in my end semester exams, so my responses might be a bit slow. I will get back to this as soon as I can.