Hotfix - Add email field to profile settings (#4498)

* Add email field

* Add email hint

Co-authored-by: Peer Richelsen <peeroke@gmail.com>

apps/web/pages/v2/settings/my-account/profile.tsx

@@ -110,6 +110,7 @@ const ProfileView = () => {
       avatar: user?.avatar || "",
       username: user?.username || "",
       name: user?.name || "",
+      email: user?.email || "",
       bio: user?.bio || "",
     },
   });
@@ -191,6 +192,23 @@ const ProfileView = () => {
             </div>
           )}
         />
+        <Controller
+          control={formMethods.control}
+          name="email"
+          render={({ field: { value } }) => (
+            <div className="mt-8">
+              <TextField
+                name="email"
+                label={t("email")}
+                value={value}
+                hint={t("change_email_hint")}
+                onChange={(e) => {
+                  formMethods.setValue("email", e?.target.value);
+                }}
+              />
+            </div>
+          )}
+        />
         <Controller
           control={formMethods.control}
           name="bio"

apps/web/public/static/locales/en/common.json

@@ -1246,5 +1246,6 @@
   "not_on_cal": "Not on Cal.com",
   "no_calendar_installed": "No calendar installed",
   "no_calendar_installed_description": "You have not yet connected any of your calendars",
-  "add_a_calendar": "Add a calendar"
+  "add_a_calendar": "Add a calendar",
+  "change_email_hint": "You may need to log out and back in to see any change take effect"
 }