feat: migrate the EmailAddress component

package.json

@@ -46,11 +46,11 @@
     "@nouns/assets": "^0.4.2",
     "@phosphor-icons/react": "^2.1.7",
     "@radix-ui/react-accordion": "^1.2.0",
-    "@radix-ui/react-popover": "^1.1.1",
     "@radix-ui/react-alert-dialog": "^1.1.1",
     "@radix-ui/react-dialog": "^1.1.1",
     "@radix-ui/react-focus-scope": "^1.1.0",
     "@radix-ui/react-label": "^2.1.0",
+    "@radix-ui/react-popover": "^1.1.1",
     "@radix-ui/react-slot": "^1.1.0",
     "@radix-ui/react-toast": "^1.2.1",
     "@radix-ui/react-toggle": "^1.1.0",
@@ -78,6 +78,7 @@
     "framer-motion": "^7.10.3",
     "fuels": "^0.89.1",
     "idb-keyval": "^6.2.0",
+    "input-otp": "^1.2.4",
     "jotai": "^2.7.0",
     "js-confetti": "^0.11.0",
     "lexical": "^0.12.0",

src/v2/components/Account/components/AccountModal/components/AccountConnections.tsx

@@ -4,6 +4,7 @@ import rewards from "rewards"
 import { PlatformName } from "types"
 import useDelegateVaults from "../hooks/useDelegateVaults"
 import { AccountSection, AccountSectionTitle } from "./AccountSection"
+import EmailAddress from "./EmailAddress"
 import FarcasterProfile from "./FarcasterProfile"
 import { SocialAccount } from "./SocialAccount"
 
@@ -31,9 +32,8 @@ const AccountConnections = () => {
         {orderedSocials.map((platform, i) => (
           <>
             {platform === "EMAIL" ? (
-              <></>
-            ) : // <EmailAddress key="EMAIL" />
-            platform === "FARCASTER" ? (
+              <EmailAddress key="EMAIL" />
+            ) : platform === "FARCASTER" ? (
               <FarcasterProfile key="FARCASTER" />
             ) : (
               <SocialAccount key={platform} type={platform} />