💄 Optimize some styling

lib/theme.dart

@@ -48,7 +48,7 @@ Future<ThemeData> createAppTheme(
     appBarTheme: AppBarTheme(
       centerTitle: true,
       elevation: hasAppBarBlurry ? 0 : null,
-      backgroundColor: hasAppBarBlurry ? colorScheme.surfaceContainer.withAlpha(200) : colorScheme.primary,
+      backgroundColor: hasAppBarBlurry ? colorScheme.primary.withAlpha(200) : colorScheme.primary,
       foregroundColor: hasAppBarBlurry ? colorScheme.onSurface : colorScheme.onPrimary,
     ),
     scaffoldBackgroundColor: Colors.transparent,

lib/widgets/chat/chat_message.dart

@@ -124,7 +124,7 @@ class ChatMessage extends StatelessWidget {
                                   dateFormatter.format(data.createdAt.toLocal()),
                                 ).fontSize(13),
                               ],
-                            ),
+                            ).height(21),
                           if (isCompact) const Gap(8),
                           if (data.preload?.quoteEvent != null)
                             StyledWidget(Container(

lib/widgets/universal_image.dart

@@ -55,17 +55,20 @@ class UniversalImage extends StatelessWidget {
           ? null
           : (BuildContext context, Widget child, ImageChunkEvent? loadingProgress) {
               if (loadingProgress == null) return child;
-              return Center(
+              return Container(
-                child: TweenAnimationBuilder(
+                constraints: BoxConstraints(maxHeight: 80),
-                  tween: Tween(
+                child: Center(
-                    begin: 0,
+                  child: TweenAnimationBuilder(
-                    end: loadingProgress.expectedTotalBytes != null
+                    tween: Tween(
-                        ? loadingProgress.cumulativeBytesLoaded / loadingProgress.expectedTotalBytes!
+                      begin: 0,
-                        : 0,
+                      end: loadingProgress.expectedTotalBytes != null
-                  ),
+                          ? loadingProgress.cumulativeBytesLoaded / loadingProgress.expectedTotalBytes!
-                  duration: const Duration(milliseconds: 300),
+                          : 0,
-                  builder: (context, value, _) => CircularProgressIndicator(
+                    ),
-                    value: loadingProgress.expectedTotalBytes != null ? value.toDouble() : null,
+                    duration: const Duration(milliseconds: 300),
+                    builder: (context, value, _) => CircularProgressIndicator(
+                      value: loadingProgress.expectedTotalBytes != null ? value.toDouble() : null,
+                    ),
                   ),
                 ),
               );