feat: add socker connection between client and server

packages/webapp/package.json

@@ -40,6 +40,7 @@
     "@types/react-transition-group": "^4.4.5",
     "@types/styled-components": "^5.1.25",
     "@types/yup": "^0.29.13",
+    "@types/socket.io-client": "^3.0.0",
     "@typescript-eslint/eslint-plugin": "^2.10.0",
     "@typescript-eslint/parser": "^2.10.0",
     "@welldone-software/why-did-you-render": "^6.0.0-rc.1",
@@ -114,6 +115,7 @@
     "style-loader": "0.23.1",
     "styled-components": "^5.3.1",
     "stylis-rtlcss": "^2.1.1",
+    "socket.io-client": "^4.7.4",
     "typescript": "^4.8.3",
     "yup": "^0.28.1"
   },