[🏁 #1] Starter pack landing screen (#4247)

* minimal landing page

add a minimal gate

remove overlap row

add bg to avatar set

implement basic mock up

add header of mock

add route

* remove avatar from landing

* cleanup some web styles

* rm `now`

* hairline width

src/view/com/feeds/FeedSourceCard.tsx

@@ -308,6 +308,9 @@ const styles = StyleSheet.create({
     flex: 1,
     gap: 14,
   },
+  border: {
+    borderTopWidth: hairlineWidth,
+  },
   headerContainer: {
     flexDirection: 'row',
   },

src/view/screens/Settings/index.tsx

@@ -854,6 +854,18 @@ export function SettingsScreen({}: Props) {
                 <Trans>Reset preferences state</Trans>
               </Text>
             </TouchableOpacity>
+            <TouchableOpacity
+              style={[pal.view, styles.linkCardNoIcon]}
+              onPress={() => {
+                navigation.navigate('StarterPackLanding', {id: '123'})
+              }}
+              accessibilityRole="button"
+              accessibilityLabel={_(msg`Navigate to Starter Pack Landing`)}
+              accessibilityHint={_(msg`Navigate to Starter Pack Landing`)}>
+              <Text type="lg" style={pal.text}>
+                <Trans>Navigate to Starter Pack Landing</Trans>
+              </Text>
+            </TouchableOpacity>
             <TouchableOpacity
               style={[pal.view, styles.linkCardNoIcon]}
               onPress={() => onPressDeleteChatDeclaration()}