Optimize MediaQuery usage to prevent unnecessary rebuilds

[Meshkat-Shadik]

Description:

In this PR, I've optimized the way we access MediaQuery properties by using MediaQuery.propertyOf instead of relying on the traditional MediaQuery.of(context) method. This ensures that we get the latest MediaQuery data without triggering unnecessary rebuilds across the app, improving performance as highlighted in the Flutter team's best practices video here.

Changes:

• Replaced MediaQuery.of(context) with MediaQuery.propertyOf in relevant places.
• Updated affected widgets/components to ensure they receive the latest MediaQuery data while maintaining optimal performance.

[Meshkat-Shadik]

closing as #54 is the same as I want to do!