added disabled email input box to settings, contact help@cal.com (#852)

pages/settings/profile.tsx

@@ -199,6 +199,29 @@ export default function Settings(props: Props) {
                   </div>
                 </div>
 
+                <div className="block sm:flex">
+                  <div className="w-full sm:w-1/2 sm:mr-2 mb-6">
+                    <label htmlFor="email" className="block text-sm font-medium text-gray-700">
+                      Email
+                    </label>
+                    <input
+                      type="text"
+                      name="email"
+                      id="email"
+                      placeholder="Your email"
+                      disabled
+                      className="mt-1 block w-full py-2 px-3 text-gray-500 border  border-gray-300 rounded-l-sm bg-gray-50 sm:text-sm"
+                      defaultValue={props.user.email}
+                    />
+                    <p className="mt-2 text-sm text-gray-500" id="email-description">
+                      To change your email, please contact{" "}
+                      <a className="text-blue-500" href="mailto:help@cal.com">
+                        help@cal.com
+                      </a>
+                    </p>
+                  </div>
+                </div>
+
                 <div>
                   <label htmlFor="about" className="block text-sm font-medium text-gray-700">
                     About