fix: Fix hero transition for images

lib/main.dart

@@ -12,7 +12,7 @@ import 'package:anitrack/src/ui/pages/about.dart';
 import 'package:anitrack/src/ui/pages/anime_list.dart';
 import 'package:anitrack/src/ui/pages/anime_search.dart';
 import 'package:anitrack/src/ui/pages/calendar.dart';
-import 'package:anitrack/src/ui/pages/details.dart';
+import 'package:anitrack/src/ui/pages/details/details.dart';
 import 'package:anitrack/src/ui/pages/settings.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';

lib/src/service/database.dart

@@ -61,7 +61,7 @@ Future<void> _createDatabase(Database db, int version) async {
   await db.execute(
     '''
     CREATE TABLE $animeWatcherTable(
-      name          TEXT NOT NULL PRIMARY KEY,
+      name          TEXT NOT NULL PRIMARY KEY
     )''',
   );
   await db.execute(

lib/src/ui/bloc/details_bloc.dart

@@ -57,6 +57,7 @@ class DetailsBloc extends Bloc<DetailsEvent, DetailsState> {
     emit(
       state.copyWith(
         trackingType: TrackingMediumType.manga,
+        heroImagePrefix: event.heroImagePrefix,
         data: event.manga,
       ),
     );

lib/src/ui/bloc/details_event.dart

@@ -15,10 +15,15 @@ class AnimeDetailsRequestedEvent extends DetailsEvent {
 }
 
 class MangaDetailsRequestedEvent extends DetailsEvent {
-  MangaDetailsRequestedEvent(this.manga);
+  MangaDetailsRequestedEvent(
+    this.manga, {
+    this.heroImagePrefix,
+  });
 
   /// The manga to show details about
   final MangaTrackingData manga;
+
+  final String? heroImagePrefix;
 }
 
 class DetailsUpdatedEvent extends DetailsEvent {

lib/src/ui/pages/anime_list.dart

@@ -178,10 +178,13 @@ class AnimeListPageState extends State<AnimeListPage> {
                       },
                       child: AnimeCoverImage(
                         url: anime.thumbnailUrl,
-                        hero: anime.id,
+                        hero: 'grid_${anime.id}',
                         onTap: () {
                           context.read<DetailsBloc>().add(
-                            AnimeDetailsRequestedEvent(anime),
+                            AnimeDetailsRequestedEvent(
+                              anime,
+                              heroImagePrefix: 'grid_',
+                            ),
                           );
                         },
                         extra: Align(
@@ -227,11 +230,14 @@ class AnimeListPageState extends State<AnimeListPage> {
                         );
                       },
                       child: AnimeCoverImage(
-                        hero: manga.id,
+                        hero: 'grid_${manga.id}',
                         url: manga.thumbnailUrl,
                         onTap: () {
                           context.read<DetailsBloc>().add(
-                            MangaDetailsRequestedEvent(manga),
+                            MangaDetailsRequestedEvent(
+                              manga,
+                              heroImagePrefix: 'grid_'
+                            ),
                           );
                         },
                         extra: Align(

lib/src/ui/pages/calendar.dart

@@ -180,8 +180,8 @@ class CalendarPageState extends State<CalendarPage> {
             child: Stack(
               children: [
                 Positioned(
-                  left: 8,
-                  right: 8,
+                  left: 0,
+                  right: 0,
                   top: 0,
                   bottom: 0,
                   child: Scaffold(