Added Qr scann on mobile Funtionalites

src/Pages/StockTransfer/CreateTransfer.jsx

@@ -16,6 +16,8 @@ import { getCompBranchData } from '../../Features/BrachLogin/BranchLogin.js';
 import { changeBreadCrumb } from '../../Features/AppPage/CenterPage.js';
 import { useLocation, useNavigate } from 'react-router-dom';
 import { postRequestStock } from '../../Features/RequestStock/RequestStock.js';
+import BarCodeScan from '../../Services/BarCodeScan.jsx';
+import { isMobile } from 'react-device-detect';
 const subDirectory = import.meta.env.BASE_URL;
 
 function debounce(func, wait) {
@@ -516,13 +518,22 @@ const CreateTransfer = () => {
                       disabled={isProcessing}
                     />
                   </FloatLabel>
-
+                  {isMobile ? (
+                    <div className="IsmoBileBarcode">
+                      <BarCodeScan
+                        onScan={(value) => {
+                          debouncedScannerSearch(value);
+                        }}
+                      />
+                    </div>
+                  ) : (
                   <Tooltip title="BarCode / QR Code">
                     <BsUpcScan
                       className={`product-scan-icon ${scanner ? 'active' : ''}`}
                       onClick={handleScannerToggle}
                     />
                   </Tooltip>
+                  )}
                 </div>
               </div>
               <div>