Support for Barcode reader (#650)

* Add Barcode Input Component and Integrate Quagga for Scanning

- Introduced a new BarcodeInput component for scanning barcodes using the Quagga library.
- Updated package.json and package-lock.json to include Quagga as a dependency.
- Enhanced form themes to accommodate the new BarcodeInput component.
- Added localization support for barcode scanning actions in English.
- Updated blocks_types.json to register the new barcode input type.

These changes improve the application's functionality by allowing users to scan barcodes directly within forms, enhancing user experience and data input efficiency.

* Update Barcode scanner UI

* Barcode decoder as user selection

* improve barcode

client/i18n/lang/ar.json

@@ -36,6 +36,9 @@
         "signatureInput": {
             "uploadFileInstead": "تحميل ملف بدلاً من ذلك",
             "clear": "مسح"
+        },
+        "barcodeInput": {
+            "clickToOpenCamera": "انقر لفتح كاميرا"
         }
     }
 } 

client/i18n/lang/bn.json

@@ -36,6 +36,9 @@
         "signatureInput": {
             "uploadFileInstead": "পরিবর্তে ফাইল আপলোড করুন",
             "clear": "পরিষ্কার"
+        },
+        "barcodeInput": {
+            "clickToOpenCamera": "ক্লিক করুন ক্যামেরা খোলা করতে"
         }
     }
 } 

client/i18n/lang/de.json

@@ -36,6 +36,9 @@
         "signatureInput": {
             "uploadFileInstead": "Stattdessen Datei hochladen",
             "clear": "Löschen"
+        },
+        "barcodeInput": {
+            "clickToOpenCamera": "Klicken Sie, um eine Kamera zu öffnen"
         }
     }
 } 

client/i18n/lang/en.json

@@ -36,6 +36,9 @@
         "signatureInput": {
             "uploadFileInstead": "Upload file instead",
             "clear": "Clear"
+        },
+        "barcodeInput": {
+            "clickToOpenCamera": "Click to open a camera"
         }
     }
 } 

client/i18n/lang/es.json

@@ -36,6 +36,9 @@
         "signatureInput": {
             "uploadFileInstead": "Subir un archivo en su lugar",
             "clear": "Borrar"
+        },
+        "barcodeInput": {
+            "clickToOpenCamera": "Haga clic para abrir una cámara"
         }
     }
 } 

client/i18n/lang/fr.json

@@ -36,6 +36,9 @@
         "signatureInput": {
             "uploadFileInstead": "Uploader un fichier à la place",
             "clear": "Effacer"
+        },
+        "barcodeInput": {
+            "clickToOpenCamera": "Cliquez pour ouvrir une caméra"
         }
     }
 }

client/i18n/lang/hi.json

@@ -36,6 +36,9 @@
         "signatureInput": {
             "uploadFileInstead": "इसके बजाय फ़ाइल अपलोड करें",
             "clear": "साफ़ करें"
+        },
+        "barcodeInput": {
+            "clickToOpenCamera": "क्लिक करें कैमरा खोलने के लिए"
         }
     }
 } 

client/i18n/lang/ja.json

@@ -36,6 +36,9 @@
         "signatureInput": {
             "uploadFileInstead": "代わりにファイルをアップロード",
             "clear": "クリア"
+        },
+        "barcodeInput": {
+            "clickToOpenCamera": "クリックしてカメラを開く"
         }
     }
 } 

client/i18n/lang/jv.json

@@ -36,6 +36,9 @@
         "signatureInput": {
             "uploadFileInstead": "Unggah berkas ing panggone",
             "clear": "Resiki"
+        },
+        "barcodeInput": {
+            "clickToOpenCamera": "Klik kanggo nggawe kamera"
         }
     }
 } 

client/i18n/lang/ko.json

@@ -36,6 +36,9 @@
         "signatureInput": {
             "uploadFileInstead": "대신 파일 업로드",
             "clear": "지우기"
+        },
+        "barcodeInput": {
+            "clickToOpenCamera": "클릭하여 카메라 열기"
         }
     }
 } 

client/i18n/lang/mr.json

@@ -36,6 +36,9 @@
         "signatureInput": {
             "uploadFileInstead": "त्याऐवजी फाइल अपलोड करा",
             "clear": "साफ करा"
+        },
+        "barcodeInput": {
+            "clickToOpenCamera": "क्लिक करा कैमरा खोलण्यासाठी"
         }
     }
 } 

client/i18n/lang/pa.json

@@ -36,6 +36,9 @@
         "signatureInput": {
             "uploadFileInstead": "ਇਸ ਦੀ ਬਜਾਏ ਫਾਈਲ ਅਪਲੋਡ ਕਰੋ",
             "clear": "ਸਾਫ਼ ਕਰੋ"
+        },
+        "barcodeInput": {
+            "clickToOpenCamera": "ਕਲਿੱਕ ਕਰੋ ਕੈਮਰਾ ਖੋਲਣ ਲਈ"
         }
     }
 } 

client/i18n/lang/pt.json

@@ -36,6 +36,9 @@
         "signatureInput": {
             "uploadFileInstead": "Fazer upload de arquivo em vez disso",
             "clear": "Limpar"
+        },
+        "barcodeInput": {
+            "clickToOpenCamera": "Clique para abrir a câmera"
         }
     }
 } 

client/i18n/lang/ru.json

@@ -36,6 +36,9 @@
         "signatureInput": {
             "uploadFileInstead": "Вместо этого загрузить файл",
             "clear": "Очистить"
+        },
+        "barcodeInput": {
+            "clickToOpenCamera": "Нажмите, чтобы открыть камеру"
         }
     }
 } 

client/i18n/lang/ta.json

@@ -36,6 +36,9 @@
         "signatureInput": {
             "uploadFileInstead": "அதற்கு பதிலாக கோப்பைப் பதிவேற்றவும்",
             "clear": "அழி"
+        },
+        "barcodeInput": {
+            "clickToOpenCamera": "கிளிக் செய்யவும் கேமரா திறக்கவும்"
         }
     }
 } 

client/i18n/lang/te.json

@@ -36,6 +36,9 @@
         "signatureInput": {
             "uploadFileInstead": "బదులుగా ఫైల్‌ను అప్‌లోడ్ చేయండి",
             "clear": "క్లియర్"
+        },
+        "barcodeInput": {
+            "clickToOpenCamera": "క్లిక్ చేయండి కెమెరా తెరవండి"
         }
     }
 } 

client/i18n/lang/tr.json

@@ -36,6 +36,9 @@
         "signatureInput": {
             "uploadFileInstead": "Bunun yerine dosya yükle",
             "clear": "Temizle"
+        },
+        "barcodeInput": {
+            "clickToOpenCamera": "Kamera açmak için tıklayın"
         }
     }
 } 

client/i18n/lang/ur.json

@@ -36,6 +36,9 @@
         "signatureInput": {
             "uploadFileInstead": "اس کے بجائے فائل اپلوڈ کریں",
             "clear": "صاف کریں"
+        },
+        "barcodeInput": {
+            "clickToOpenCamera": "کیمرے کھولنے کے لیے کلک کریں"
         }
     }
 } 

client/i18n/lang/vi.json

@@ -36,6 +36,9 @@
         "signatureInput": {
             "uploadFileInstead": "Tải lên tệp thay thế",
             "clear": "Xóa"
+        },
+        "barcodeInput": {
+            "clickToOpenCamera": "Nhấp để mở Camera"
         }
     }
 } 

client/i18n/lang/zh.json

@@ -36,6 +36,9 @@
         "signatureInput": {
             "uploadFileInstead": "改为上传文件",
             "clear": "清除"
+        },
+        "barcodeInput": {
+            "clickToOpenCamera": "点击打开相机"
         }
     }
 }