fix: Avoid using MediaQuery.of()

lib/config/themes.dart

@@ -14,10 +14,10 @@ abstract class FluffyThemes {
       width > columnWidth * 2 + navRailWidth;
 
   static bool isColumnMode(BuildContext context) =>
-      isColumnModeByWidth(MediaQuery.of(context).size.width);
+      isColumnModeByWidth(MediaQuery.sizeOf(context).width);
 
   static bool isThreeColumnMode(BuildContext context) =>
-      MediaQuery.of(context).size.width > FluffyThemes.columnWidth * 3.5;
+      MediaQuery.sizeOf(context).width > FluffyThemes.columnWidth * 3.5;
 
   static LinearGradient backgroundGradient(
     BuildContext context,

lib/pages/chat/chat_emoji_picker.dart

@@ -21,7 +21,7 @@ class ChatEmojiPicker extends StatelessWidget {
       clipBehavior: Clip.hardEdge,
       decoration: const BoxDecoration(),
       height: controller.showEmojiPicker
-          ? MediaQuery.of(context).size.height / 2
+          ? MediaQuery.sizeOf(context).height / 2
           : 0,
       child: controller.showEmojiPicker
           ? DefaultTabController(

lib/pages/chat/chat_view.dart

@@ -274,8 +274,8 @@ class ChatView extends StatelessWidget {
                             cacheKey: accountConfig.wallpaperUrl.toString(),
                             uri: accountConfig.wallpaperUrl,
                             fit: BoxFit.cover,
-                            height: MediaQuery.of(context).size.height,
-                            width: MediaQuery.of(context).size.width,
+                            height: MediaQuery.sizeOf(context).height,
+                            width: MediaQuery.sizeOf(context).width,
                             isThumbnail: false,
                             placeholder: (_) => Container(),
                           ),

lib/pages/chat/events/message.dart

@@ -463,8 +463,8 @@ class Message extends StatelessWidget {
                                                   colors: colors,
                                                   ignore: noBubble ||
                                                       !ownMessage ||
-                                                      MediaQuery.of(context)
-                                                          .highContrast,
+                                                      MediaQuery.highContrastOf(
+                                                          context),
                                                   scrollController:
                                                       scrollController,
                                                   child: Container(

lib/pages/dialer/dialer.dart

@@ -238,18 +238,18 @@ class MyCallingPage extends State<Calling> {
 
   void _resizeLocalVideo(Orientation orientation) {
     final shortSide = min(
-      MediaQuery.of(widget.context).size.width,
-      MediaQuery.of(widget.context).size.height,
+      MediaQuery.sizeOf(widget.context).width,
+      MediaQuery.sizeOf(widget.context).height,
     );
     _localVideoMargin = remoteStream != null
         ? const EdgeInsets.only(top: 20.0, right: 20.0)
         : EdgeInsets.zero;
     _localVideoWidth = remoteStream != null
         ? shortSide / 3
-        : MediaQuery.of(widget.context).size.width;
+        : MediaQuery.sizeOf(widget.context).width;
     _localVideoHeight = remoteStream != null
         ? shortSide / 4
-        : MediaQuery.of(widget.context).size.height;
+        : MediaQuery.sizeOf(widget.context).height;
   }
 
   void _handleCallState(CallState state) {

lib/pages/dialer/pip/pip_view.dart

@@ -138,10 +138,9 @@ class PIPViewState extends State<PIPView> with TickerProviderStateMixin {
 
   @override
   Widget build(BuildContext context) {
-    final mediaQuery = MediaQuery.of(context);
-    var windowPadding = mediaQuery.padding;
+    var windowPadding = MediaQuery.paddingOf(context);
     if (widget.avoidKeyboard) {
-      windowPadding += mediaQuery.viewInsets;
+      windowPadding += MediaQuery.viewInsetsOf(context);
     }
     final isFloating = _floating;
 

lib/pages/image_viewer/image_viewer.dart

@@ -111,7 +111,7 @@ class ImageViewerController extends State<ImageViewer> {
   void onInteractionEnds(ScaleEndDetails endDetails) {
     if (PlatformInfos.usesTouchscreen == false) {
       if (endDetails.velocity.pixelsPerSecond.dy >
-          MediaQuery.of(context).size.height * maxScaleFactor) {
+          MediaQuery.sizeOf(context).height * maxScaleFactor) {
         Navigator.of(context, rootNavigator: false).pop();
       }
     }

lib/pages/image_viewer/video_player.dart

@@ -127,7 +127,7 @@ class EventVideoPlayerState extends State<EventVideoPlayer> {
     final infoMap = widget.event.content.tryGetMap<String, Object?>('info');
     final videoWidth = infoMap?.tryGet<int>('w') ?? 400;
     final videoHeight = infoMap?.tryGet<int>('h') ?? 300;
-    final height = MediaQuery.of(context).size.height - 52;
+    final height = MediaQuery.sizeOf(context).height - 52;
     final width = videoWidth * (height / videoHeight);
 
     final chewieController = _chewieController;

lib/utils/adaptive_bottom_sheet.dart

@@ -54,7 +54,7 @@ Future<T?> showAdaptiveBottomSheet<T>({
     isDismissible: isDismissible,
     isScrollControlled: isScrollControlled,
     constraints: BoxConstraints(
-      maxHeight: min(MediaQuery.of(context).size.height - 32, 600),
+      maxHeight: min(MediaQuery.sizeOf(context).height - 32, 600),
       maxWidth: FluffyThemes.columnWidth * 1.25,
     ),
     backgroundColor: Colors.transparent,

lib/widgets/adaptive_dialogs/show_modal_action_popup.dart

@@ -23,7 +23,7 @@ Future<T?> showModalActionPopup<T>({
         clipBehavior: Clip.hardEdge,
         constraints: BoxConstraints(
           maxWidth: 512,
-          maxHeight: MediaQuery.of(context).size.height - 32,
+          maxHeight: MediaQuery.sizeOf(context).height - 32,
         ),
         builder: (context) => ListView(
           shrinkWrap: true,

lib/widgets/layouts/empty_page.dart

@@ -7,7 +7,7 @@ class EmptyPage extends StatelessWidget {
   const EmptyPage({super.key});
   @override
   Widget build(BuildContext context) {
-    final width = min(MediaQuery.of(context).size.width, EmptyPage._width) / 2;
+    final width = min(MediaQuery.sizeOf(context).width, EmptyPage._width) / 2;
     final theme = Theme.of(context);
     return Scaffold(
       // Add invisible appbar to make status bar on Android tablets bright.

lib/widgets/mxc_image.dart

@@ -73,7 +73,7 @@ class _MxcImageState extends State<MxcImage> {
     final event = widget.event;
 
     if (uri != null) {
-      final devicePixelRatio = MediaQuery.of(context).devicePixelRatio;
+      final devicePixelRatio = MediaQuery.devicePixelRatioOf(context);
       final width = widget.width;
       final realWidth = width == null ? null : width * devicePixelRatio;
       final height = widget.height;

lib/widgets/mxc_image_viewer.dart

@@ -35,7 +35,7 @@ class MxcImageViewer extends StatelessWidget {
           maxScale: 10.0,
           onInteractionEnd: (endDetails) {
             if (endDetails.velocity.pixelsPerSecond.dy >
-                MediaQuery.of(context).size.height * 1.5) {
+                MediaQuery.sizeOf(context).height * 1.5) {
               Navigator.of(context, rootNavigator: false).pop();
             }
           },