refactor: Simplify MxcImage and replace CachedNetworkImage

lib/pages/chat/events/message_reactions.dart

@@ -1,7 +1,6 @@
 import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
 
-import 'package:cached_network_image/cached_network_image.dart';
 import 'package:collection/collection.dart' show IterableExtension;
 import 'package:future_loading_dialog/future_loading_dialog.dart';
 import 'package:matrix/matrix.dart';
@@ -10,6 +9,7 @@ import 'package:fluffychat/config/app_config.dart';
 import 'package:fluffychat/utils/platform_infos.dart';
 import 'package:fluffychat/widgets/avatar.dart';
 import 'package:fluffychat/widgets/matrix.dart';
+import 'package:fluffychat/widgets/mxc_image.dart';
 
 class MessageReactions extends StatelessWidget {
   final Event event;
@@ -112,17 +112,12 @@ class _Reaction extends StatelessWidget {
     final fontSize = DefaultTextStyle.of(context).style.fontSize;
     Widget content;
     if (reactionKey!.startsWith('mxc://')) {
-      final src = Uri.parse(reactionKey!).getThumbnail(
-        Matrix.of(context).client,
-        width: 9999,
-        height: fontSize! * MediaQuery.of(context).devicePixelRatio,
-        method: ThumbnailMethod.scale,
-      );
       content = Row(
         mainAxisSize: MainAxisSize.min,
         children: <Widget>[
-          CachedNetworkImage(
-            imageUrl: src.toString(),
+          MxcImage(
+            uri: Uri.parse(reactionKey!),
+            width: 9999,
             height: fontSize,
           ),
           const SizedBox(width: 4),