101 messages mobile

[tomaseuu]

Developer: Thomas Le

Closes #101

Updated the mobile view of the Messages page to match the desktop layout.

Modifications

messages.tsx

• refactored section to reuse the same layout logic as .
• wrapped tab buttons and the "New Message +" button in a shared Flex container to align them horizontally since it was acting weird in the mobileview
• removed mobile-only floating button styles.
• ensured message table, page buttons, and pop-up match desktop behavior.

Testing Considerations

{list out what you have tested and what the reviewer should verify}

• verify that on mobile viewports, the "Inbox"/"Sent" tabs and "New Message +" button appear in the same row

• confirm that the table layout (Select, Sender, Subject Line, Date, Actions) matches the desktop layout

• check that message selection, pop-up opening, and pagebuttons still work correctly on mobile

• Code is neat, readable, and works

• Comments are appropriate

• The commit messages follows our guidelines

• The developer name is specified

• The summary is completed

• Assign reviewers

Screenshots/Screencast

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
cc-heritage-tree-foundation	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	May 20, 2025 5:21pm
cc-heritage-tree-foundation-hmtb	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	May 20, 2025 5:21pm