opt: search trending page

Closes #697

Signed-off-by: bggRGjQaUbCoE <githubaccount56556@proton.me>

lib/pages/search_trending/view.dart

@@ -57,6 +57,7 @@ class _SearchTrendingPageState extends State<SearchTrendingPage> {
 
   @override
   Widget build(BuildContext context) {
+    final removePadding = context.width > 640;
     return Scaffold(
       extendBody: true,
       extendBodyBehindAppBar: true,
@@ -102,7 +103,14 @@ class _SearchTrendingPageState extends State<SearchTrendingPage> {
           },
         ),
       ),
-      body: refreshIndicator(
+      body: MediaQuery.removePadding(
+        context: context,
+        removeLeft: removePadding,
+        removeRight: removePadding,
+        child: Center(
+          child: ConstrainedBox(
+            constraints: BoxConstraints(maxWidth: 640),
+            child: refreshIndicator(
               onRefresh: () async {
                 await _controller.onRefresh();
               },
@@ -112,14 +120,25 @@ class _SearchTrendingPageState extends State<SearchTrendingPage> {
                   SliverToBoxAdapter(
                     child: CachedNetworkImage(
                       fit: BoxFit.fitWidth,
+                      fadeInDuration: const Duration(milliseconds: 120),
+                      fadeOutDuration: const Duration(milliseconds: 120),
                       imageUrl:
                           'https://activity.hdslb.com/blackboard/activity59158/img/hot_banner.fbb081df.png',
+                      placeholder: (context, url) {
+                        return AspectRatio(
+                          aspectRatio: 1125 / 528,
+                          child: Image.asset('assets/images/loading.png'),
+                        );
+                      },
                     ),
                   ),
                   Obx(() => _buildBody(_controller.loadingState.value)),
                 ],
               ),
             ),
+          ),
+        ),
+      ),
     );
   }