feat: update profile contact setting display

src/pages/UserSettings/SettingsPageUserProfile.tsx

@@ -180,13 +180,13 @@ export const SettingsPageUserProfile = () => {
 
                 <UserInfosSection formValues={values} />
 
+                <UserImagesSection isMemberProfile={isMember} values={values} />
+
                 {!isMember && (
                   <PublicContactSection
                     isContactableByPublic={values.isContactableByPublic}
                   />
                 )}
-
-                <UserImagesSection isMemberProfile={isMember} values={values} />
               </Flex>
             </form>
 

src/pages/UserSettings/content/sections/PublicContact.section.tsx

@@ -22,9 +22,6 @@ export const PublicContactSection = observer((props: Props) => {
       sx={{
         flexDirection: 'column',
         gap: 2,
-        backgroundColor: 'background',
-        padding: 4,
-        borderRadius: 4,
       }}
     >
       <Heading as="h2">{title}</Heading>