feat: Add show details button to sync items

lib/routes/auto_router.dart

@@ -125,6 +125,10 @@ class AuthGuard extends AutoRouteGuard {
 
   @override
   Future<void> onNavigation(NavigationResolver resolver, StackRouter router) async {
+    if (resolver.route == router.current.route) {
+      return;
+    }
+
     if (ref.read(userProvider) != null ||
         resolver.routeName == const LoginRoute().routeName ||
         resolver.routeName == SplashRoute().routeName) {

lib/screens/syncing/sync_item_details.dart

@@ -92,8 +92,7 @@ class _SyncItemDetailsState extends ConsumerState<SyncItemDetails> {
                 children: [
                   if (baseItem != null) ...{
                     Row(
-                      mainAxisSize: MainAxisSize.min,
+                      mainAxisSize: MainAxisSize.max,
-                      crossAxisAlignment: CrossAxisAlignment.center,
                       spacing: 16,
                       children: [
                         SizedBox(
@@ -193,7 +192,10 @@ class _SyncItemDetailsState extends ConsumerState<SyncItemDetails> {
                     ),
                   },
                   if (children?.isNotEmpty == true) ...[
-                    const Divider(),
+                    const Padding(
+                      padding: EdgeInsets.symmetric(vertical: 16),
+                      child: Divider(),
+                    ),
                     ...children!.map(
                       (e) => ChildSyncWidget(syncedChild: e),
                     ),

lib/screens/syncing/widgets/sync_options_button.dart

@@ -2,6 +2,7 @@ import 'dart:async';
 
 import 'package:flutter/material.dart';
 
+import 'package:auto_route/auto_route.dart';
 import 'package:background_downloader/background_downloader.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:iconsax_plus/iconsax_plus.dart';
@@ -51,6 +52,19 @@ class SyncOptionsButton extends ConsumerWidget {
         final enqueuedTasks = syncTasks.where((element) => element.status == TaskStatus.enqueued).toList();
         final pausedTasks = syncTasks.where((element) => element.status == TaskStatus.paused).toList();
         return <PopupMenuEntry>[
+          PopupMenuItem(
+            child: Row(
+              spacing: 12,
+              children: [
+                const Icon(IconsaxPlusLinear.arrow_right),
+                Text(context.localized.showDetails),
+              ],
+            ),
+            onTap: () {
+              syncedItem.itemModel?.navigateTo(context);
+              context.maybePop();
+            },
+          ),
           PopupMenuItem(
             child: Row(
               spacing: 12,