Enhancement: Make Circular Hub page responsive with media queries

[Muskankr]

Which issue does this PR close?

• Closes [ENHANCEMENT] Text Visibility on Careers Page #1782

Rationale for this change

The Circular Hub page was not responsive, causing layout breakage and poor readability on tablets and mobile devices. This PR introduces responsive design improvements to ensure accessibility and usability across all screen sizes.

What changes are included in this PR?

• Added media queries for ≤1024px and ≤600px breakpoints
• Sidebar stacks below the main panel on smaller screens
• Trade builder columns stack vertically on mobile
• Adjusted font sizes, paddings, and button styles for readability
• Improved balance meter sizing for mobile
• Ensured dark theme consistency across devices

Screenshots

Before

After

Are these changes tested?

Yes.

• Verified layout on desktop, tablet, and mobile views
• Checked dark theme consistency
• Confirmed buttons, inputs, and balance meter remain usable on small screens

Are there any user-facing changes?

Yes.

• Users will now experience a fully responsive Circular Hub page
• Sidebar and trade builder adapt to smaller screens
• Text and controls remain clear and accessible on mobile devices

[vercel]

@Muskankr is attempting to deploy a commit to the Om Roy's projects Team on Vercel.

A member of the Team first needs to authorize it.

[github-actions]

Thanks for creating a PR for your Issue! ☺️

We'll review it as soon as possible.
In the meantime, please double-check the file changes and ensure that all commits are accurate.

If there are any unresolved review comments, feel free to resolve them. 🙌🏼