fix[blog-website]: make mobile navbar dropdowns expand on mobile

[dyrpsf]

Summary

This PR fixes the mobile navbar dropdown behavior on the blog website.

• On mobile, tapping Technology and Community in the navbar previously navigated directly to their category pages.
• Now, on mobile they behave like dropdowns: tapping them expands a list of posts and a “View all … posts” link, similar to the desktop experience.
• The Resources section keeps its existing collapsible behavior. Only one of Technology / Community / Resources can be open at a time.

Changes

• Updated components/navbar/FloatingNavbarClient.tsx mobile menu:
  • Replaced simple <Link>s for Technology and Community with <Collapsible> dropdowns.
  • Each dropdown shows up to 4 latest posts and a “View all … posts” link.
  • Ensured opening one section closes the others (Technology, Community, Resources).
• Kept desktop behavior and styling unchanged.

How to test

1. npm install
2. Set WORDPRESS_API_URL in .env.local:

   WORDPRESS_API_URL=https://wp.keploy.io/graphql

3. Run npm run dev.
4. Open http://localhost:3000/blog.
5. Toggle mobile view in DevTools.
6. Open the mobile navbar (hamburger icon):
   Tapping Technology should expand a dropdown, not navigate.
   Tapping Community should expand a dropdown, not navigate.
   Resources dropdown should still work and only one of the three can be open at a time.

Related issue
Fixes keploy/keploy#3431

[amaan-bhati]

Hey @dyrpsf Thanks for raising this pr and putting your time and enrgy into trying to solve the issue. Unfortunately, the issue is closed now since the issue got resolved. We appreciate the work you did and put your time and energy into it. You can continue contributing to issues from the https://github.com/keploy/keploy/issues/. Pro tip, do reach out to us on slack when you raise a pull request!