Improve animation

lib/components/page_route.dart

@@ -20,6 +20,7 @@ class AppPageRoute<T> extends PageRoute<T> with _AppRouteTransitionMixin {
     super.barrierDismissible = false,
     this.enableIOSGesture = true,
     this.preventRebuild = true,
+    this.isRoot = false,
   }) {
     assert(opaque);
   }
@@ -44,6 +45,9 @@ class AppPageRoute<T> extends PageRoute<T> with _AppRouteTransitionMixin {
   @override
   final bool preventRebuild;
 
+  @override
+  final bool isRoot;
+
   static void updateBackButton() {
     Future.delayed(const Duration(milliseconds: 300), () {
       StateController.findOrNull(tag: "back_button")?.update();
@@ -77,6 +81,8 @@ mixin _AppRouteTransitionMixin<T> on PageRoute<T> {
 
   Widget? _child;
 
+  bool get isRoot;
+
   @override
   Widget buildPage(
     BuildContext context,
@@ -115,6 +121,22 @@ mixin _AppRouteTransitionMixin<T> on PageRoute<T> {
   @override
   Widget buildTransitions(BuildContext context, Animation<double> animation,
       Animation<double> secondaryAnimation, Widget child) {
+    if (isRoot) {
+      return EntrancePageTransition(
+        animation: CurvedAnimation(
+          parent: animation,
+          curve: FluentTheme.of(context).animationCurve,
+        ),
+        child: enableIOSGesture && App.isIOS
+            ? IOSBackGestureDetector(
+                gestureWidth: _kBackGestureWidth,
+                enabledCallback: () => _isPopGestureEnabled<T>(this),
+                onStartPopGesture: () => _startPopGesture(this),
+                child: child)
+            : child,
+      );
+    }
+
     return DrillInPageTransition(
       animation: CurvedAnimation(
         parent: animation,
@@ -388,3 +410,35 @@ class SideBarRoute<T> extends PopupRoute<T> {
     return IOSBackGestureController(route.controller!, route.navigator!);
   }
 }
+
+class EntrancePageTransition extends StatelessWidget {
+  /// Creates an entrance page transition
+  const EntrancePageTransition({
+    super.key,
+    required this.child,
+    required this.animation,
+  });
+
+  /// The widget to be animated
+  final Widget child;
+
+  /// The animation to drive this transition
+  final Animation<double> animation;
+
+  @override
+  Widget build(BuildContext context) {
+    return ColoredBox(
+      color: FluentTheme.of(context).micaBackgroundColor,
+      child: SlideTransition(
+        position: Tween<Offset>(
+          begin: const Offset(0, 0.1),
+          end: Offset.zero,
+        ).animate(animation),
+        child: FadeTransition(
+          opacity: animation,
+          child: child,
+        ),
+      ),
+    );
+  }
+}

lib/pages/main_page.dart

@@ -209,8 +209,7 @@ class _MainPageState extends State<MainPage>
               body: const SizedBox.shrink(),
             ),
             PaneItem(
-                icon:
+              icon: const Icon(MdIcons.collections_bookmark_outlined, size: 20),
-                    const Icon(MdIcons.collections_bookmark_outlined, size: 20),
               title: Text('Bookmarks'.tl),
               body: const SizedBox.shrink(),
             ),
@@ -233,11 +232,12 @@ class _MainPageState extends State<MainPage>
           child: Navigator(
             key: navigatorKey,
             onGenerateRoute: (settings) => AppPageRoute(
-                    builder: (context) =>
+              isRoot: true,
-                        pageBuilders.elementAtOrNull(index)!(),
+              builder: (context) => pageBuilders.elementAtOrNull(index)!(),
+            ),
+          ),
         ),
       ),
-              )),
     );
   }
 
@@ -263,7 +263,12 @@ class _MainPageState extends State<MainPage>
               child: Text("Invalid Page: $index"),
             );
     navigatorKey.currentState!.pushAndRemoveUntil(
-        AppPageRoute(builder: (context) => page()), (route) => false);
+      AppPageRoute(
+        builder: (context) => page(),
+        isRoot: true,
+      ),
+      (route) => false,
+    );
   }
 
   NavigationAppBar buildAppBar(