improvement(frontend): make secret overview table header sticky, add underlines to env header links and limit table height for scroll

[scott-ray-wilson]

Description 📣

This PR updates the secret overview table to have a sticky header, adds underlines to env col headers to make more clear they are links, and limits table height and adds scroll to ensure explore/headers are always visible

Type ✨

• Bug fix
• New feature
• Improvement
• Breaking change
• Documentation

Tests 🛠️

# Here's some code block to paste some code snippets

---

• I have read the contributing guide, agreed and acknowledged the code of conduct. 📝

[maidul98]

🎉 Snyk checks have passed. No issues have been found so far.

✅ security/snyk check is complete. No issues have been found. (View Details)

[greptile-apps]

Greptile Summary

This PR introduces UI improvements to the secret overview table in the frontend to enhance user experience when working with large secret datasets. The changes focus on three main areas:

1. Sticky Header Implementation: Adds sticky top-0 z-20 classes to the THead component, ensuring column headers remain visible during vertical scrolling. This maintains context when users navigate through extensive secret lists.

2. Table Height Constraints: Implements max-h-[66vh] overflow-y-auto on the TableContainer to limit the table's vertical space consumption to 66% of viewport height. This ensures other UI elements like navigation and exploration tools remain accessible even with large datasets.

3. Visual Affordance Improvements: Adds underline class to environment header text (<p className="truncate font-medium underline">{name}</p>) to clearly indicate these headers are clickable links, improving user understanding of interactive elements.

The changes also include removing the thin-scrollbar class from the outer div wrapper while maintaining it on the TableContainer for consistent styling. These modifications work together to create a more navigable and user-friendly interface for the secret management workflow, particularly beneficial when dealing with multiple environments and large numbers of secrets.

Confidence score: 5/5

• This PR is safe to merge with minimal risk as it only contains cosmetic UI improvements
• Score reflects simple, well-targeted changes that enhance usability without affecting core functionality
• No files require special attention as changes are straightforward CSS class additions

_{1 file reviewed, no comments}

_{Edit Code Review Bot Settings | Greptile}