update contacts details and styles

Change-Id: I280637469804462531d82e48447cd9fe6a082e46
diff --git a/package-lock.json b/package-lock.json
index abec6d9..47aecb9 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -60,6 +60,7 @@
         "emoji-picker-react": "^3.6.1",
         "framer-motion": "^7.2.1",
         "i18next": "^21.9.1",
+        "qrcode.react": "^3.1.0",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "react-emoji-render": "^1.2.4",
@@ -9372,6 +9373,15 @@
         "node": ">=6"
       }
     },
+    "node_modules/qrcode.react": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/qrcode.react/-/qrcode.react-3.1.0.tgz",
+      "integrity": "sha512-oyF+Urr3oAMUG/OiOuONL3HXM+53wvuH3mtIWQrYmsXoAq0DkvZp2RYUWFSMFtbdOpuS++9v+WAkzNVkMlNW6Q==",
+      "dev": true,
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      }
+    },
     "node_modules/qs": {
       "version": "6.10.3",
       "license": "BSD-3-Clause",
@@ -16442,6 +16452,7 @@
         "html-webpack-plugin": "^5.5.0",
         "i18next": "^21.9.1",
         "i18next-parser": "^6.0.0",
+        "qrcode.react": "^3.1.0",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "react-emoji-render": "^1.2.4",
@@ -17683,6 +17694,13 @@
       "version": "2.1.1",
       "dev": true
     },
+    "qrcode.react": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/qrcode.react/-/qrcode.react-3.1.0.tgz",
+      "integrity": "sha512-oyF+Urr3oAMUG/OiOuONL3HXM+53wvuH3mtIWQrYmsXoAq0DkvZp2RYUWFSMFtbdOpuS++9v+WAkzNVkMlNW6Q==",
+      "dev": true,
+      "requires": {}
+    },
     "qs": {
       "version": "6.10.3",
       "requires": {