Fix : Mobile community layout, menu close on navigation, and dropdown auto-close

[Aryan0699]

Description

Resolves navigation and responsive UI issues in the Communities, My Listings, and profile dropdown flows.

Fixes :

• Community cards now use full-width sizing on mobile so they fill grid columns cleanly and no longer appear left-constrained.
• Mobile top-nav now closes immediately when navigating to Communities from the hamburger menu.
• Duplicate Add Listing and Edit Shop buttons in the 640px to 768px range were removed by aligning mobile visibility breakpoints with side-nav visibility.
• Profile dropdown items now use NextUI press handlers so the dropdown closes automatically after selecting actions like Shop Profile, Profile, Settings, and Log Out.

Resolved or fixed issue

Fixes #344

Screenshots (if applicable)

Before

After

Affirmation

• My code follows the CONTRIBUTING.md guidelines

[vercel]

@Aryan0699 is attempting to deploy a commit to the shopstr-eng Team on Vercel.

A member of the Team first needs to authorize it.

[Copilot]

Pull request overview

Note

Copilot was unable to run its full agentic suite in this review.

Fixes several responsive/navigation UX issues across Communities, My Listings, and the profile dropdown—especially on mobile.

Changes:

• Make Community cards fill their grid column width (improves mobile layout).
• Close the mobile hamburger menu immediately when navigating to Communities.
• Update profile dropdown items to use NextUI onPress and control open state to auto-close after actions.

Reviewed changes

Copilot reviewed 5 out of 5 changed files in this pull request and generated 4 comments.

Show a summary per file

File	Description
components/utility-components/profile/profile-dropdown.tsx	Controls dropdown open state and switches item handlers to onPress to auto-close on selection
components/utility-components/profile/tests/profile-dropdown.test.tsx	Updates NextUI mocks to align with onPress usage and adds missing icon mock
components/nav-top.tsx	Closes mobile menu when navigating to Communities
components/my-listings/my-listings.tsx	Adjusts breakpoint visibility to remove duplicate buttons between 640px–768px
components/communities/CommunityCard.tsx	Changes card width to fill available space (intended for mobile)

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[GautamBytes]

LGTM