add react qr

comps/custom/QrReader.tsx

@@ -55,9 +55,7 @@ export const QrReader = () => {
     <div className="qr-reader">
       {/* QR */}
       <video ref={videoEl}></video>
-            <div ref={qrBoxEl} className="qr-box">
-               
-            </div>
+      <div ref={qrBoxEl} className="qr-box"></div>
 
       {/* Show Data Result if scan is success */}
       {scannedResult && (

modules.json

@@ -16,6 +16,8 @@
     "@radix-ui/react-slider": "^1.1.2",
     "@radix-ui/react-slot": "^1.0.2",
     "@radix-ui/react-switch": "^1.1.0",
+    "react-qr-code": "^2.0.15",
+    "qr-scanner": "^1.4.2",
     "@radix-ui/react-tabs": "^1.0.4",
     "@types/autosize": "^4.0.3",
     "@types/lodash.capitalize": "^4.2.9",