add done button to standalone flow

src/components/contacts/screens/ViewMatches.tsx

@@ -79,7 +79,6 @@ export function ViewMatches({
 }) {
   const t = useTheme()
   const {_} = useLingui()
-  const t = useTheme()
   const gutter = useGutters([0, 'wide'])
   const moderationOpts = useModerationOpts()
   const queryClient = useQueryClient()
@@ -364,29 +363,31 @@ export function ViewMatches({
         ListFooterComponent={!isEmpty ? <ListFooter /> : null}
         keyExtractor={keyExtractor}
       />
-      {context === 'Onboarding' && (
+      <View
-        <View
+        style={[
-          style={[
+          t.atoms.bg,
-            t.atoms.bg,
+          t.atoms.border_contrast_low,
-            t.atoms.border_contrast_low,
+          a.border_t,
-            a.border_t,
+          a.align_center,
-            a.align_center,
+          a.align_stretch,
-            a.align_stretch,
+          gutter,
-            gutter,
+          a.pt_md,
-            a.pt_md,
+          {paddingBottom: insets.bottom + tokens.space.md},
-            {paddingBottom: insets.bottom + tokens.space.md},
+        ]}>
-          ]}>
+        <Button
-          <Button
+          label={context === 'Onboarding' ? _(msg`Next`) : _(msg`Done`)}
-            label={_(msg`Next`)}
+          onPress={onNext}
-            onPress={onNext}
+          size="large"
-            size="large"
+          color="primary">
-            color="primary">
+          <ButtonText>
-            <ButtonText>
+            {context === 'Onboarding' ? (
               <Trans>Next</Trans>
-            </ButtonText>
+            ) : (
-          </Button>
+              <Trans>Done</Trans>
-        </View>
+            )}
-      )}
+          </ButtonText>
+        </Button>
+      </View>
     </View>
   )
 }