Fix/warehouse dashboard responsive

[Muskankr]

Which issue does this PR close?

• Closes [ENHANCEMENT] Fix Mobile Responsiveness for Warehouse Control Center #1801

Rationale for this change

The Warehouse Control Center dashboard UI was breaking on mobile devices. Summary boxes, inventory ledger, and action buttons were misaligned, causing horizontal scrolling. Improving responsiveness ensures usability across all screen sizes.

What changes are included in this PR?

• Adjusted stats grid to stack vertically on mobile.
• Updated content layout to collapse into a single column on smaller screens.
• Made Inventory Ledger table scrollable with min-width columns.
• Stacked header action buttons full-width on mobile.
• Improved font scaling for better readability.

Screenshot

After

Are these changes tested?

Yes, tested locally by:

• Viewing dashboard on mobile and tablet screen sizes.
• Confirming summary boxes stack correctly.
• Checking table scroll behavior on small screens.
• Verifying buttons align neatly on mobile.

Are there any user-facing changes?

Yes, users will now experience a fully responsive Warehouse Control Center dashboard that works smoothly across desktop, tablet, and mobile.

[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. 🙌🏼

[github-actions]

🎉 Congrats @Muskankr on getting your PR merged! 🙌
Thanks for the contribution — looking forward to more from you 🚀