in process new phone input with mask and codes

package.json

@@ -11,10 +11,13 @@
   },
   "dependencies": {
     "framer-motion": "^11.3.31",
+    "intl-tel-input": "^24.3.6",
     "ky": "^1.7.1",
+    "libphonenumber-js": "^1.11.7",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-input-mask": "^2.0.4",
+    "react-phone-number-input": "^3.4.5",
     "react-router-dom": "^6.26.1",
     "react-swipeable": "^7.0.1",
     "usehooks-ts": "^3.1.0",
@@ -25,6 +28,7 @@
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "@types/react-input-mask": "^3.0.5",
+    "@types/react-phone-number-input": "^3.1.37",
     "@vitejs/plugin-react": "^4.3.1",
     "autoprefixer": "^10.4.20",
     "eslint": "^9.9.0",