fix: added media query to refresh button to fix right-overflow problem

[SimardeepSingh1450]

Description

Added media query and remove maxWidth Property on the refresh button to fix the right-overflow error getting displayed on home screen.

Fixes #209

Type of change

Please delete options that are not relevant.

• [ ✔️ ] Bug fix (non-breaking change which fixes an issue)

How Has This Been Tested?

Tested by running on my android device.

Please include screenshots below if applicable :

Checklist:

• [ ✔️ ] My code follows the style guidelines of this project
• [✔️ ] I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation
• [ ✔️ ] My changes generate no new warnings
• I have added tests that prove my fix is effective or that my feature works
• New and existing unit tests pass locally with my changes
• Any dependent changes have been merged and published in downstream modules
• [ ✔️ ] I have checked my code and corrected any misspellings

Maintainer Checklist

• closes #xxxx (Replace xxxx with the GitHub issue number)
• Tag the PR with the appropriate labels

[chandansgowda]

We are using Getx to get the device constraints. Use an attribute from the UiSizes class.

[SimardeepSingh1450]

We are using Getx to get the device constraints. Use an attribute from the UiSizes class.

ok will make the required changes.

[SimardeepSingh1450]

@chandansgowda i have changed the maximumSize width using uisizes and removed my mediaquery implementation, please review.

[chandansgowda]

Please add a screenshot from two devices with different screen size.

[SimardeepSingh1450]

@chandansgowda due to emulator problems on my laptop i can't get screenshot from 2 devices 😅, but here is a screenshot from my device.