Added Qr scann on mobile Funtionalites

src/Pages/PurchaseOrder/PurchaseOrder.jsx

@@ -52,6 +52,7 @@ import { PrintStyleFunction } from '../paymentpdfPage/PrintStyleFunction.js';
 import { PurchaseOrderMobilePrint } from './PurchsasePrintStyle/PurchaseOrderMobilePrint.js';
 import { isMobile } from 'react-device-detect';
 import { CiEdit } from 'react-icons/ci';
+import BarCodeScan from '../../Services/BarCodeScan.jsx';
 
 const subDirectory = import.meta.env.BASE_URL;
 const stylesMap = {
@@ -1628,6 +1629,7 @@ const PurchaseOrder = () => {
                             }}
                           ></AutoComplete>
                         </FloatLabel>
+                        {!isMobile && (
                         <Tooltip title={'BarCode/QrCode'} placement={'top'}>
                           <BsUpcScan
                             strokeWidth={0.5}
@@ -1641,6 +1643,16 @@ const PurchaseOrder = () => {
                             onClick={handleScanSearch}
                           />
                         </Tooltip>
+                        )}
+                        {isMobile && (
+                          <div className='IsmoBileBarcode'>
+                            <BarCodeScan
+                              onScan={(value) => {
+                                debouncedScannerSearch(value);
+                              }}
+                            />
+                          </div>
+                        )}
                       </div>
                     </Form.Item>
                     <Tooltip