feat: add zoom level listener and scroll thumbs to PDF viewer

integration_test/pdf_view_test.dart

@@ -237,4 +237,6 @@ void main() {
     await tester.pumpAndSettle();
     expect(container.read(pdfViewModelProvider), 2);
   });
+
+  //TODO: Scroll Thumbs 
 }

lib/ui/features/pdf/widgets/pdf_screen.dart

@@ -1,4 +1,3 @@
-import 'dart:typed_data';
 import 'package:file_selector/file_selector.dart' as fs;
 import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
@@ -197,11 +196,37 @@ class _PdfSignatureHomePageState extends ConsumerState<PdfSignatureHomePage> {
     return name;
   }
 
+  void _onControllerChanged() {
+    if (mounted) {
+      if (_viewModel.controller.isReady) {
+        final newZoomLevel = (_viewModel.controller.currentZoom * 100)
+            .round()
+            .clamp(10, 800);
+        if (newZoomLevel != _zoomLevel) {
+          setState(() {
+            _zoomLevel = newZoomLevel;
+          });
+        }
+      } else {
+        // Reset to default zoom level when controller is not ready
+        if (_zoomLevel != 100) {
+          setState(() {
+            _zoomLevel = 100;
+          });
+        }
+      }
+    }
+  }
+
   @override
   void initState() {
     super.initState();
     // Build areas once with builders; keep these instances stable.
     _viewModel = ref.read(pdfViewModelProvider.notifier);
+
+    // Add listener to update zoom level when controller zoom changes
+    _viewModel.controller.addListener(_onControllerChanged);
+
     _areas = [
       Area(
         size: _lastPagesWidth,
@@ -270,6 +295,7 @@ class _PdfSignatureHomePageState extends ConsumerState<PdfSignatureHomePage> {
 
   @override
   void dispose() {
+    _viewModel.controller.removeListener(_onControllerChanged);
     _splitController.dispose();
     super.dispose();
   }
@@ -323,14 +349,36 @@ class _PdfSignatureHomePageState extends ConsumerState<PdfSignatureHomePage> {
                   onClosePdf: _closePdf,
                   onJumpToPage: _jumpToPage,
                   onZoomOut: () {
-                    setState(() {
+                    if (_viewModel.controller.isReady) {
-                      _zoomLevel = (_zoomLevel - 10).clamp(10, 800);
+                      _viewModel.controller.zoomDown();
-                    });
+                      // Update display zoom level after controller zoom
+                      WidgetsBinding.instance.addPostFrameCallback((_) {
+                        if (mounted) {
+                          setState(() {
+                            _zoomLevel = (_viewModel.controller.currentZoom *
+                                    100)
+                                .round()
+                                .clamp(10, 800);
+                          });
+                        }
+                      });
+                    }
                   },
                   onZoomIn: () {
-                    setState(() {
+                    if (_viewModel.controller.isReady) {
-                      _zoomLevel = (_zoomLevel + 10).clamp(10, 800);
+                      _viewModel.controller.zoomUp();
-                    });
+                      // Update display zoom level after controller zoom
+                      WidgetsBinding.instance.addPostFrameCallback((_) {
+                        if (mounted) {
+                          setState(() {
+                            _zoomLevel = (_viewModel.controller.currentZoom *
+                                    100)
+                                .round()
+                                .clamp(10, 800);
+                          });
+                        }
+                      });
+                    }
                   },
                   zoomLevel: _zoomLevel,
                   filePath: widget.currentFile.path,

lib/ui/features/pdf/widgets/pdf_viewer_widget.dart

@@ -126,6 +126,44 @@ class _PdfViewerWidgetState extends ConsumerState<PdfViewerWidget> {
               onClearActiveOverlay: widget.onClearActiveOverlay,
               onSelectPlaced: widget.onSelectPlaced,
             ),
+            // Vertical scroll thumb on the right
+            PdfViewerScrollThumb(
+              controller: widget.controller,
+              orientation: ScrollbarOrientation.right,
+              thumbSize: const Size(40, 25),
+              thumbBuilder:
+                  (context, thumbSize, pageNumber, controller) => Container(
+                    color: Colors.black.withValues(alpha: 0.7),
+                    child: Center(
+                      child: Text(
+                        pageNumber.toString(),
+                        style: const TextStyle(
+                          color: Colors.white,
+                          fontSize: 12,
+                        ),
+                      ),
+                    ),
+                  ),
+            ),
+            // Horizontal scroll thumb on the bottom
+            PdfViewerScrollThumb(
+              controller: widget.controller,
+              orientation: ScrollbarOrientation.bottom,
+              thumbSize: const Size(40, 25),
+              thumbBuilder:
+                  (context, thumbSize, pageNumber, controller) => Container(
+                    color: Colors.black.withValues(alpha: 0.7),
+                    child: Center(
+                      child: Text(
+                        pageNumber.toString(),
+                        style: const TextStyle(
+                          color: Colors.white,
+                          fontSize: 12,
+                        ),
+                      ),
+                    ),
+                  ),
+            ),
           ];
         },
       ),