Mobile Responsive Adaptation: /about/partners Page

[m1amgn]

Adapt the /about/partners page for mobile and tablet devices. The page currently uses fixed percentage widths (w-[10%], mx-[5%]) and a horizontal flex layout that causes content to overflow or squeeze on small screens. Partner icons and the tab menu need mobile-responsive adaptation.

Figma Design

• Partners page mobile: https://www.figma.com/design/1UNhWHEdVUnKyK139N8GaU/Mobile-Version?node-id=11-332359

Also attaching screenshot of layout to that issue.

What Needs to Be Done

1. Partner grid layout — the partner list in src/app/[locale]/about/partners/page.tsx (lines 44–53) uses flex with fixed w-[10%] and mx-[5%] per item. On mobile this squeezes 4 items into a tiny row. Adapt to a 2-column or single-column
   grid on mobile per Figma design
2. Partner item sizing — src/app/[locale]/about/partners/partner-item.tsx uses fixed w-[5.5rem] for icons. May need responsive sizing for mobile
3. Horizontal tab menu — the tab menu (Staking / Partners / General Info / Podcast / Contacts) uses space-x-12 on mobile causing horizontal overflow. Adapt for mobile the same way it's done on the main page header navigation (burger menu
   pattern)
4. Page title and description — check that RichPageTitle and SubDescription components render correctly on narrow viewports

DON'T CHANGE CURRENT IMAGES PATHS FOR PARTNERS, ONLY ADAPT LAYOUT TO MOBILE, FIGMA DESIGN AND SCREENSHOT ONLY FOR REFERENCE FOR LAYOUT VIEW!

Reference: Existing Patterns

The main page (src/app/[locale]/page.tsx) uses this pattern for desktop/mobile switching:

{/* Desktop */}

{/* Mobile */}

The md breakpoint (950px) is the main desktop/mobile switch throughout the project.

Mobile navigation reference: src/app/[locale]/components/navigation-bar/mobile-navigation-bar.tsx

Acceptance Criteria

1. Partner icons display in a readable grid on mobile (375px) — no horizontal overflow, no squished icons
2. Tab menu does not overflow horizontally on mobile — adapted similar to main page navigation
3. Page title and description are readable on mobile
4. Existing desktop layout is not broken

Required for PR Approval

Provide 2 Playwright screenshots in mobile viewport mode (375px width):

1. /about/partners page (full page)
2. Tab menu visible on mobile

PR will not be accepted without these screenshots.