feat: enhance ContentSection and SessionContent with tabbed interface…

[Amr3011]

This pull request introduces a tabbed interface for viewing session summaries and transcripts, along with significant UI improvements for the SessionDetail page. The main changes include refactoring the content display into themed sections, adding a word count indicator, and providing clearer empty states for both summary and transcript views.

UI and UX Enhancements:

• Added a tab bar to switch between "Summary" and "Transcript" views, with visual indicators for content availability. (frontend/src/pages/SessionDetail/SessionContent.tsx) [1] [2]
• Improved the appearance of content sections by theming summary and transcript views differently, including accent colors, icon styles, and custom empty states. (frontend/src/pages/SessionDetail/ContentSection.tsx)

Feature Additions:

• Introduced a word count indicator for non-empty content, displayed in the section header. (frontend/src/pages/SessionDetail/ContentSection.tsx)
• Added a variant prop to ContentSection to allow customization based on the content type. (frontend/src/pages/SessionDetail/types.ts, frontend/src/pages/SessionDetail/SessionContent.tsx, frontend/src/pages/SessionDetail/ContentSection.tsx) [1] [2] [3]

Code Structure Improvements:

• Refactored icon definitions for summary and transcript into reusable components for clarity and maintainability. (frontend/src/pages/SessionDetail/SessionContent.tsx)

These updates collectively make the session detail page more interactive, visually appealing, and informative for users.… for summary and transcript

[vercel]

@Amr3011 is attempting to deploy a commit to the Mohamed Ramadan's projects Team on Vercel.

A member of the Team first needs to authorize it.

[MohamedRamadanSaudi]

Nice UI 👍 💯