refactor(mobile): build context extensions (#4923)

* refactor: move all extensions to separate package

* refactor(mobile): add BuildContext extension

* refactor(mobile): use theme getters from context

* refactor(mobile): use media query size from context

* refactor(mobile): use auto router methods from context

* refactor(mobile): use navigator methods from context

---------

Co-authored-by: shalong-tanwen <139912620+shalong-tanwen@users.noreply.github.com>

mobile/lib/modules/album/ui/album_action_outlined_button.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:immich_mobile/extensions/build_context_extensions.dart';
 
 class AlbumActionOutlinedButton extends StatelessWidget {
   final VoidCallback? onPressed;
@@ -14,8 +15,6 @@ class AlbumActionOutlinedButton extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    final isDarkTheme = Theme.of(context).brightness == Brightness.dark;
-
     return Padding(
       padding: const EdgeInsets.only(right: 8.0),
       child: OutlinedButton.icon(
@@ -26,7 +25,7 @@ class AlbumActionOutlinedButton extends StatelessWidget {
           ),
           side: BorderSide(
             width: 1,
-            color: isDarkTheme
+            color: context.isDarkTheme
                 ? const Color.fromARGB(255, 63, 63, 63)
                 : const Color.fromARGB(255, 206, 206, 206),
           ),
@@ -34,13 +33,13 @@ class AlbumActionOutlinedButton extends StatelessWidget {
         icon: Icon(
           iconData,
           size: 15,
-          color: Theme.of(context).primaryColor,
+          color: context.primaryColor,
         ),
         label: Text(
           labelText,
-          style: Theme.of(context).textTheme.labelSmall?.copyWith(
-                fontWeight: FontWeight.bold,
-              ),
+          style: context.textTheme.labelSmall?.copyWith(
+            fontWeight: FontWeight.bold,
+          ),
         ),
         onPressed: onPressed,
       ),