make login screen more friendly :)

Author: thymikee

packages/auth/src/screens/SignInScreen.tsx

@@ -1,13 +1,18 @@
 import React from 'react';
 import {StyleSheet, View} from 'react-native';
-import {Button} from 'react-native-paper';
+import {Button, MD3Colors, Text} from 'react-native-paper';
 import {useAuth} from '../contexts/AuthContext';
 
 const SignInScreen = () => {
   const {signIn} = useAuth();
 
   return (
     <View style={styles.container}>
+      <Text variant="headlineMedium" style={styles.welcomeHeadline}>Welcome!</Text>
+      <Text style={styles.welcomeText} variant="bodyLarge">
+        This is a dummy login screen. Just press the button and have a look
+        around this super app 🚀
+      </Text>
       <Button mode="contained" onPress={signIn}>
         Login
       </Button>
@@ -22,6 +27,13 @@ const styles = StyleSheet.create({
     justifyContent: 'center',
     alignItems: 'center',
   },
+  welcomeHeadline: {
+    color: MD3Colors.primary20,
+  },
+  welcomeText: {
+    padding: 16,
+    paddingBottom: 32,
+  },
 });
 
 export default SignInScreen;