small fixes

ui/blocks/profileMenu/ProfileMenuContent.tsx

@@ -39,7 +39,7 @@ const ProfileMenuContent = ({ name, nickname, email }: Props) => {
           { accountNavItems.map((item) => <NavLink key={ item.text } { ...item } px="0px"/>) }
         </VStack>
       </Box>
-      <Box mt={ 2 } pt={ 2 } borderTopColor={ borderColor } borderTopWidth="1px" { ...getDefaultTransitionProps() }>
+      <Box mt={ 2 } pt={ 3 } borderTopColor={ borderColor } borderTopWidth="1px" { ...getDefaultTransitionProps() }>
         <Button size="sm" width="full" variant="secondary">Sign Out</Button>
       </Box>
     </Box>

ui/pages/MyProfile.tsx

-import { VStack, FormControl, FormLabel, Input } from '@chakra-ui/react';
+import { VStack, FormControl, FormLabel, Input, Button, Flex } from '@chakra-ui/react';
 import { useQuery } from '@tanstack/react-query';
 import React from 'react';
 
@@ -24,8 +24,11 @@ const MyProfile = () => {
     }
 
     return (
-      <VStack maxW="412px" mt={ 12 } gap={ 5 } alignItems="flex-start">
-        <UserAvatar size={ 64 } data={ data }/>
+      <VStack maxW="412px" mt={ 12 } gap={ 5 } alignItems="stretch">
+        <Flex justifyContent="space-between" alignItems="center">
+          <UserAvatar size={ 64 } data={ data }/>
+          <Button size="sm" variant="secondary">Sign Out</Button>
+        </Flex>
         <FormControl variant="floating" id="name" isRequired size="lg">
           <Input
             size="lg"