Enhance Responsiveness: Adjust Button Layout for Small Screens

[ahmedrazabaloch]

Implement responsive styles for sorting buttons and task counter for improved mobile experience.

• Updated .sort-buttons to use a column layout with increased spacing when the screen width is 420px or less.
• Configured .button-container to center buttons horizontally while maintaining a consistent gap.
• Adjusted .sort-button width to 40% for better visibility and accessibility on small screens.
• Set .task-counter-button width to 90% and centered it using auto margins to ensure it fits comfortably within the container.

These changes aim to enhance usability and aesthetics on mobile devices, ensuring that buttons are easily accessible and well-aligned.

Before

After

[Anshgrover23]

@ahmedrazabaloch your one check is failing run npm run format