chore: improve layout and user messaging across various components

[babblebey]

This pull request focuses on improving the layout and responsiveness of several key pages and components, especially for larger screens and sidebar navigation. It also updates the empty state and onboarding experiences to be more visually consistent and user-friendly, and refines the claim account flow with clearer language and avatar display. The sidebar navigation is now more compact by default, with adaptive content display for different screen sizes.

Layout and Responsiveness Improvements:

• Increased the maximum width from max-w-6xl to max-w-7xl for main content containers in GalleryPage, MembersPage, MemberProfilePage, and ProfilePage to better utilize large screens. [1] src/app/(app)/member/[slug]/page.tsxL297-R297, [2] [3]
• Updated the sidebar layout and navigation: the sidebar is now narrower (w-20 by default, w-72 on large screens), and navigation items adapt to screen size with icons always visible and labels hidden on smaller screens. The "Create" button and theme toggle are also responsive. [1] [2] [3] [4]
• Adjusted page paddings and wrappers for consistency across FeedPage, NotificationsPage, and settings pages. [1] [2] [3] [4]

Empty State and Onboarding Enhancements:

• The feed and gallery empty states now use consistent max widths and improved visual layouts. The feed empty state now takes a callback to open the composer, supporting a smoother onboarding flow. [1] [2] [3] [4] [5] [6]
• Integrated the global composer provider to enable opening the post composer from the empty state.

Claim Account Flow Improvements:

• Updated the claim account page to display the member's avatar (with initials fallback) and clearer, more personalized messaging using the family lockup. Removed the shield icon and replaced the family name formatter for consistency. (src/app/auth/claim/[token]/page.tsxL6-R15, src/app/auth/claim/[token]/page.tsxR39-R52, src/app/auth/claim/[token]/page.tsxL100-R133)

Settings Page Adjustments:

• Increased the settings page max width to max-w-7xl, updated the header size, and slightly reduced the navigation width for better alignment. [1] [2]

Sidebar Navigation and Branding:

• Sidebar now displays only the family initial with custom font on smaller screens, and the full logotype on large screens. The default app name is hidden on small screens for a cleaner look. [1] [2]

These changes collectively enhance the user experience, especially on large screens and mobile devices, and provide a more polished and adaptive interface.

[github-actions]

🎉 This PR is included in version 1.3.0 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀