fix error messages margin (#11508)

## Context
Fixing error messages margin in various places
Reset password
<img width="453" alt="Screenshot 2025-04-10 at 15 17 00"
src="https://github.com/user-attachments/assets/7a0fb090-4029-415f-8733-0c9e3aa3c3f2"
/>
Api key
<img width="543" alt="Screenshot 2025-04-10 at 15 16 21"
src="https://github.com/user-attachments/assets/d8f8a348-84d3-44d7-8cea-863c3ddb02fc"
/>

Also setting overflow on api key label in api keys table
<img width="580" alt="Screenshot 2025-04-10 at 15 16 15"
src="https://github.com/user-attachments/assets/207df981-c906-4926-a56d-38167628267f"
/>

packages/twenty-front/src/pages/auth/PasswordReset.tsx

@@ -36,7 +36,7 @@ const validationSchema = z
     passwordResetToken: z.string(),
     newPassword: z
       .string()
-      .regex(PASSWORD_REGEX, 'Password must contain at least 8 characters'),
+      .regex(PASSWORD_REGEX, 'Password must be min. 8 characters'),
   })
   .required();
 
@@ -71,6 +71,10 @@ const StyledInputContainer = styled.div`
   margin-bottom: ${({ theme }) => theme.spacing(3)};
 `;
 
+const StyledMainButton = styled(MainButton)`
+  margin-top: ${({ theme }) => theme.spacing(2)};
+`;
+
 export const PasswordReset = () => {
   const { t } = useLingui();
   const { enqueueSnackBar } = useSnackBar();
@@ -237,7 +241,7 @@ export const PasswordReset = () => {
                 />
               </StyledFullWidthMotionDiv>
 
-              <MainButton
+              <StyledMainButton
                 variant="secondary"
                 title={t`Change Password`}
                 type="submit"