added zoom in - out using mouse wheel

src/components/Expenses/PreviewDocument.jsx

@@ -59,6 +59,28 @@ const PreviewDocument = ({ files = [] }) => {
     };
   };
 
+const handleWheel = (e) => {
+  if (isDocumentType) return;
+
+  e.preventDefault();
+  const delta = e.deltaY;
+
+  setScale((prev) => {
+    let newScale = prev;
+
+    if (delta < 0) {
+      // Scroll UP -> Zoom IN
+      newScale = Math.min(prev + 0.1, MAX_ZOOM);
+    } else {
+      // Scroll DOWN -> Zoom OUT
+      newScale = Math.max(prev - 0.1, MIN_ZOOM);
+    }
+
+    return newScale;
+  });
+};
+
+
   const handleMouseMove = (e) => {
     if (!dragging || isDocumentType) return;
 
@@ -105,6 +127,8 @@ const PreviewDocument = ({ files = [] }) => {
   </div>
 
   <div
+
+    onWheel={handleWheel}
     onMouseDown={handleMouseDown}
     onMouseMove={handleMouseMove}
     onMouseUp={handleMouseUp}