[ui] font added, movie item added, pages layout

apps/mobile/app/(tabs)/account.tsx

@@ -1,30 +1,18 @@
-import { StyleSheet } from 'react-native';
+import { StyleSheet, Text } from 'react-native';
 
-import EditScreenInfo from '../../components/EditScreenInfo';
-import { Text, View } from '../../components/Themed';
+import { globalStyles } from '../../styles/global';
+import ScreenLayout from '../../components/layout/screenLayout';
+import { RegularText } from '../../components/Styled';
 
 export default function AccountScreen() {
   return (
-    <View style={styles.container}>
-      <Text>Home</Text>
-      <EditScreenInfo path="app/(tabs)/two.tsx" />
-    </View>
+    <ScreenLayout
+      title="Account"
+      subtitle="Manage your movie web account from here"
+    >
+      <RegularText style={globalStyles.textWhite}>
+        Hey Bro! what are you up to?
+      </RegularText>
+    </ScreenLayout>
   );
 }
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    alignItems: 'center',
-    justifyContent: 'center',
-  },
-  title: {
-    fontSize: 20,
-    fontWeight: 'bold',
-  },
-  separator: {
-    marginVertical: 30,
-    height: 1,
-    width: '80%',
-  },
-});