Added profile view mobile

front/views/ProfileView.tsx

@@ -34,7 +34,7 @@ const ProfileView = () => {
 	const isBigScreen = layout.width > 650;
 
 	return (
-		<Flex flex={1}>
+		<Flex flex={1} padding={8}>
 			<View
 				style={{
 					display: 'flex',
@@ -68,9 +68,10 @@ const ProfileView = () => {
 							flexDirection: 'row',
 							alignItems: 'center',
 							justifyContent: 'space-between',
+							gap: 5,
 						}}
 					>
-						<Text fontSize={'xl'} style={{ paddingRight: 'auto' }}>
+						<Text fontSize={'xl'} isTruncated numberOfLines={2} flexShrink={1}>
 							{userQuery.data.name}
 						</Text>
 						<ButtonBase