Fixed the ui related issue for profile and user page (#1065)

* fix/edit profile button fix, user invite modal fix

Signed-off-by: Sujit <sujit.sutar@ayanworks.com>

* fix/profile edit  button

Signed-off-by: Sujit <sujit.sutar@ayanworks.com>

---------

Signed-off-by: Sujit <sujit.sutar@ayanworks.com>

Author: sujitaw

nextjs/src/features/invitations/components/sendInvitations.tsx

@@ -154,7 +154,10 @@ export default function SendInvitationModal({
 
   return (
     <Dialog open={openModal} onOpenChange={setOpenModal}>
-      <DialogContent className="sm:max-w-2xl">
+      <DialogContent
+        className="sm:max-w-2xl"
+        onOpenAutoFocus={(e) => e.preventDefault()}
+      >
         <DialogHeader>
           <DialogTitle>Send Invitation(s)</DialogTitle>
         </DialogHeader>
@@ -170,6 +173,7 @@ export default function SendInvitationModal({
         <Formik
           initialValues={{ email: '' }}
           validationSchema={validationSchema}
+          validateOnMount={false}
           onSubmit={(values, formikHandlers) => {
             formikHandlers.resetForm()
             validateAndAddEmail(values)
@@ -187,6 +191,7 @@ export default function SendInvitationModal({
                       as={Input}
                       id="email"
                       name="email"
+                      autoFocus={false}
                       placeholder="example@email.com"
                       className={`bg-background placeholder:text-muted-foreground/50 focus-visible:ring-1 ${
                         errors.email && touched.email

nextjs/src/features/profile/components/DisplayUserProfile.tsx

@@ -124,13 +124,13 @@ const DisplayUserProfile = ({
           </div>
 
           <Button
-            className="bg-transparent hover:bg-transparent"
+            variant={'ghost'}
             type="button"
             size="icon"
             onClick={toggleEditProfile}
           >
             <span>
-              <Edit className="text-foreground mr-12" />
+              <Edit className="" />
             </span>
           </Button>
         </div>