fix borders for labels tab (#3261)

* fix borders for labels tab

* rm entire wrapping view

src/screens/Profile/Sections/Labels.tsx

@@ -48,7 +48,6 @@ export const ProfileLabelsSection = React.forwardRef<
   },
   ref,
 ) {
-  const t = useTheme()
   const {_} = useLingui()
   const {height: minHeight} = useSafeAreaFrame()
 
@@ -66,37 +65,26 @@ export const ProfileLabelsSection = React.forwardRef<
   }))
 
   return (
-    <CenteredView>
+    <CenteredView style={{flex: 1, minHeight}} sideBorders>
-      <View
+      {isLabelerLoading ? (
-        style={[
+        <View style={[a.w_full, a.align_center]}>
-          a.border_l,
+          <Loader size="xl" />
-          a.border_r,
+        </View>
-          a.border_t,
+      ) : labelerError || !labelerInfo ? (
-          t.atoms.border_contrast_low,
+        <ErrorState
-          {
+          error={
-            minHeight,
+            labelerError?.toString() ||
-          },
+            _(msg`Something went wrong, please try again.`)
-        ]}>
+          }
-        {isLabelerLoading ? (
+        />
-          <View style={[a.w_full, a.align_center]}>
+      ) : (
-            <Loader size="xl" />
+        <ProfileLabelsSectionInner
-          </View>
+          moderationOpts={moderationOpts}
-        ) : labelerError || !labelerInfo ? (
+          labelerInfo={labelerInfo}
-          <ErrorState
+          scrollElRef={scrollElRef}
-            error={
+          headerHeight={headerHeight}
-              labelerError?.toString() ||
+        />
-              _(msg`Something went wrong, please try again.`)
+      )}
-            }
-          />
-        ) : (
-          <ProfileLabelsSectionInner
-            moderationOpts={moderationOpts}
-            labelerInfo={labelerInfo}
-            scrollElRef={scrollElRef}
-            headerHeight={headerHeight}
-          />
-        )}
-      </View>
     </CenteredView>
   )
 })
@@ -149,13 +137,7 @@ export function ProfileLabelsSectionInner({
       }}
       contentOffset={{x: 0, y: headerHeight * -1}}
       onScroll={scrollHandler}>
-      <View
+      <View style={[a.pt_xl, a.px_lg, a.border_t, t.atoms.border_contrast_low]}>
-        style={[
-          a.pt_xl,
-          a.px_lg,
-          isNative && a.border_t,
-          t.atoms.border_contrast_low,
-        ]}>
         <View>
           <Text style={[t.atoms.text_contrast_high, a.leading_snug, a.text_sm]}>
             <Trans>