Swap zoom in and zoom out button positions

Add zoom button on top as is tradition in most PDF viewers, and it conforms to user expectations

Author: abhitrueprogrammer

src/components/pdfViewer.tsx

@@ -213,25 +213,25 @@ export default function PdfViewer({ url, name }: PdfViewerProps) {
 
           <div className="flex items-center gap-2">
             <Button
-              onClick={zoomOut}
-              disabled={scale <= 0.25}
+              onClick={zoomIn}
+              disabled={scale >= 3}
               className="h-9 w-9 rounded p-0 text-white transition hover:bg-[#6536c1] disabled:bg-gray-300"
             >
-              <ZoomOut />
+              <ZoomIn />
             </Button>
 
             <span className="w-10 text-center text-sm font-medium">
               {(scale * 100).toFixed(0)}%
             </span>
 
+
             <Button
-              onClick={zoomIn}
-              disabled={scale >= 3}
+              onClick={zoomOut}
+              disabled={scale <= 0.25}
               className="h-9 w-9 rounded p-0 text-white transition hover:bg-[#6536c1] disabled:bg-gray-300"
             >
-              <ZoomIn />
+              <ZoomOut />
             </Button>
-
             <ShareButton />
 
             <Button onClick={downloadPDF} className="h-9 w-9 rounded p-0">