Appbar on homepage is fixed so the cursor won't be overlapping when scrolling

mobile/lib/modules/home/ui/image_grid.dart

@@ -12,7 +12,7 @@ class ImageGrid extends ConsumerWidget {
   Widget build(BuildContext context, WidgetRef ref) {
     return SliverGrid(
       gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
-        crossAxisCount: 3,
+        crossAxisCount: 4,
         crossAxisSpacing: 5.0,
         mainAxisSpacing: 5,
       ),

mobile/lib/modules/home/views/home_page.dart

@@ -100,13 +100,23 @@ class HomePage extends HookConsumerWidget {
         top: !isMultiSelectEnable,
         child: Stack(
           children: [
-            DraggableScrollbar.semicircle(
-              backgroundColor: Theme.of(context).primaryColor,
-              controller: _scrollController,
-              heightScrollThumb: 48.0,
-              child: CustomScrollView(
+            CustomScrollView(
+              slivers: [
+                _buildSliverAppBar(),
+              ],
+            ),
+            Padding(
+              padding: const EdgeInsets.only(top: 50.0),
+              child: DraggableScrollbar.semicircle(
+                backgroundColor: Theme.of(context).primaryColor,
                 controller: _scrollController,
-                slivers: [_buildSliverAppBar(), ..._imageGridGroup],
+                heightScrollThumb: 48.0,
+                child: CustomScrollView(
+                  controller: _scrollController,
+                  slivers: [
+                    ..._imageGridGroup,
+                  ],
+                ),
               ),
             ),
             _buildSelectedItemCountIndicator(),

mobile/lib/modules/sharing/views/album_viewer_page.dart

@@ -215,31 +215,29 @@ class AlbumViewerPage extends HookConsumerWidget {
         onTap: () {
           titleFocusNode.unfocus();
         },
-        child: Stack(children: [
-          DraggableScrollbar.semicircle(
-            backgroundColor: Theme.of(context).primaryColor,
+        child: DraggableScrollbar.semicircle(
+          backgroundColor: Theme.of(context).primaryColor,
+          controller: _scrollController,
+          heightScrollThumb: 48.0,
+          child: CustomScrollView(
             controller: _scrollController,
-            heightScrollThumb: 48.0,
-            child: CustomScrollView(
-              controller: _scrollController,
-              slivers: [
-                _buildHeader(albumInfo),
-                SliverPersistentHeader(
-                  pinned: true,
-                  delegate: ImmichSliverPersistentAppBarDelegate(
-                    minHeight: 50,
-                    maxHeight: 50,
-                    child: Container(
-                      color: immichBackgroundColor,
-                      child: _buildControlButton(albumInfo),
-                    ),
+            slivers: [
+              _buildHeader(albumInfo),
+              SliverPersistentHeader(
+                pinned: true,
+                delegate: ImmichSliverPersistentAppBarDelegate(
+                  minHeight: 50,
+                  maxHeight: 50,
+                  child: Container(
+                    color: immichBackgroundColor,
+                    child: _buildControlButton(albumInfo),
                   ),
                 ),
-                _buildImageGrid(albumInfo)
-              ],
-            ),
+              ),
+              _buildImageGrid(albumInfo)
+            ],
           ),
-        ]),
+        ),
       );
     }