feat(mobile): Add end page to the end to memories (#6780)

* Adding memory epilogue card

* Adds epilogue page to memories

* Fixes a next / back issue

* color

---------

Co-authored-by: Alex <alex.tran1502@gmail.com>

mobile/lib/modules/memories/ui/memory_epilogue.dart

@@ -0,0 +1,114 @@
+import 'package:flutter/material.dart';
+import 'package:immich_mobile/constants/immich_colors.dart';
+import 'package:immich_mobile/extensions/build_context_extensions.dart';
+
+class MemoryEpilogue extends StatefulWidget {
+  final Function()? onStartOver;
+
+  const MemoryEpilogue({super.key, this.onStartOver});
+
+  @override
+  State<MemoryEpilogue> createState() => _MemoryEpilogueState();
+}
+
+class _MemoryEpilogueState extends State<MemoryEpilogue>
+    with TickerProviderStateMixin {
+  late final _animationController = AnimationController(
+    vsync: this,
+    duration: const Duration(
+      seconds: 3,
+    ),
+  )..repeat(
+      reverse: true,
+    );
+
+  late final Animation _animation;
+
+  @override
+  void initState() {
+    super.initState();
+    _animation = CurvedAnimation(
+      parent: _animationController,
+      curve: Curves.easeInOut,
+    );
+  }
+
+  @override
+  void dispose() {
+    _animationController.dispose();
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.center,
+      mainAxisAlignment: MainAxisAlignment.center,
+      children: [
+        Expanded(
+          child: Column(
+            mainAxisAlignment: MainAxisAlignment.center,
+            children: [
+              const Icon(
+                Icons.check_circle_outline_sharp,
+                color: immichDarkThemePrimaryColor,
+                size: 64.0,
+              ),
+              const SizedBox(height: 16.0),
+              Text(
+                'All caught up',
+                style: Theme.of(context).textTheme.headlineMedium?.copyWith(
+                      color: Colors.white,
+                    ),
+              ),
+              const SizedBox(height: 16.0),
+              Text(
+                'Check back tomorrow for more memories',
+                style: Theme.of(context).textTheme.bodyMedium?.copyWith(
+                      color: Colors.white,
+                    ),
+              ),
+              const SizedBox(height: 16.0),
+              TextButton(
+                onPressed: widget.onStartOver,
+                child: Text(
+                  'Start Over',
+                  style: context.textTheme.displayMedium?.copyWith(
+                    color: immichDarkThemePrimaryColor,
+                  ),
+                ),
+              ),
+            ],
+          ),
+        ),
+        Column(
+          children: [
+            SizedBox(
+              height: 48,
+              child: AnimatedBuilder(
+                animation: _animation,
+                builder: (context, child) {
+                  return Transform.translate(
+                    offset: Offset(0, 5 * _animationController.value),
+                    child: child,
+                  );
+                },
+                child: const Icon(
+                  size: 32,
+                  Icons.expand_less_sharp,
+                  color: Colors.white,
+                ),
+              ),
+            ),
+            Text(
+              'Swipe up to close',
+              style: Theme.of(context).textTheme.bodyMedium?.copyWith(
+                    color: Colors.white,
+                  ),
+            ),
+          ],
+        ),
+      ],
+    );
+  }
+}