🎨 Adjust color and spacing (#684)

frontend/src/components/UserSettings/UserInformation.tsx

@@ -90,7 +90,11 @@ const UserInformation: React.FC = () => {
                 size="md"
               />
             ) : (
-              <Text size="md" py={2}>
+              <Text
+                size="md"
+                py={2}
+                color={!currentUser?.full_name ? 'gray.400' : 'inherit'}
+              >
                 {currentUser?.full_name || 'N/A'}
               </Text>
             )}

frontend/src/routes/_layout/index.tsx

@@ -17,10 +17,10 @@ function Dashboard() {
     <>
       <Container maxW="full">
         <Box pt={12} m={4}>
-        <Text fontSize="2xl">
-          Hi, {currentUser?.full_name || currentUser?.email} 👋🏼
-        </Text>
-        <Text>Welcome back, nice to see you again!</Text>
+          <Text fontSize="2xl">
+            Hi, {currentUser?.full_name || currentUser?.email} 👋🏼
+          </Text>
+          <Text>Welcome back, nice to see you again!</Text>
         </Box>
       </Container>
     </>