Rework account creation and login views

src/view/com/util/WelcomeBanner.tsx

@@ -10,6 +10,7 @@ import {useStores} from 'state/index'
 import {SUGGESTED_FOLLOWS} from 'lib/constants'
 // @ts-ignore no type definition -prf
 import ProgressBar from 'react-native-progress/Bar'
+import {CenteredView} from './Views'
 
 export const WelcomeBanner = observer(() => {
   const pal = usePalette('default')
@@ -39,7 +40,7 @@ export const WelcomeBanner = observer(() => {
   }, [store])
 
   return (
-    <View
+    <CenteredView
       testID="welcomeBanner"
       style={[pal.view, styles.container, pal.border]}>
       <Text
@@ -76,7 +77,7 @@ export const WelcomeBanner = observer(() => {
           </View>
         </>
       )}
-    </View>
+    </CenteredView>
   )
 })
 

src/view/com/util/error/ErrorMessage.tsx

@@ -38,7 +38,7 @@ export function ErrorMessage({
         />
       </View>
       <Text
-        type="sm"
+        type="sm-medium"
         style={[styles.message, pal.text]}
         numberOfLines={numberOfLines}>
         {message}