fix gap on profile (#9081)

src/components/moderation/LabelsOnMeDialog.tsx

@@ -32,7 +32,9 @@ export interface LabelsOnMeDialogProps {
 
 export function LabelsOnMeDialog(props: LabelsOnMeDialogProps) {
   return (
-    <Dialog.Outer control={props.control}>
+    <Dialog.Outer
+      control={props.control}
+      nativeOptions={{preventExpansion: true}}>
       <Dialog.Handle />
       <LabelsOnMeDialogInner {...props} />
     </Dialog.Outer>

src/components/moderation/ModerationDetailsDialog.tsx

@@ -24,7 +24,9 @@ export interface ModerationDetailsDialogProps {
 
 export function ModerationDetailsDialog(props: ModerationDetailsDialogProps) {
   return (
-    <Dialog.Outer control={props.control}>
+    <Dialog.Outer
+      control={props.control}
+      nativeOptions={{preventExpansion: true}}>
       <Dialog.Handle />
       <ModerationDetailsDialogInner {...props} />
     </Dialog.Outer>

src/components/moderation/ProfileHeaderAlerts.tsx

@@ -6,6 +6,7 @@ import * as Pills from '#/components/Pills'
 
 export function ProfileHeaderAlerts({
   moderation,
+  style,
 }: {
   moderation: ModerationDecision
   style?: StyleProp<ViewStyle>
@@ -16,7 +17,7 @@ export function ProfileHeaderAlerts({
   }
 
   return (
-    <Pills.Row size="lg">
+    <Pills.Row size="lg" style={style}>
       {modui.alerts.filter(unique).map(cause => (
         <Pills.Label
           size="lg"

src/screens/Profile/Header/Shell.tsx

@@ -209,17 +209,29 @@ let ProfileHeaderShell = ({
 
       {children}
 
-      {!isPlaceholderProfile && (
+      {!isPlaceholderProfile &&
-        <View
+        (isMe ? (
-          style={[a.px_lg, a.pt_xs, a.pb_sm]}
+          <LabelsOnMe
-          pointerEvents={isIOS ? 'auto' : 'box-none'}>
+            type="account"
-          {isMe ? (
+            labels={profile.labels}
-            <LabelsOnMe type="account" labels={profile.labels} />
+            style={[
-          ) : (
+              a.px_lg,
-            <ProfileHeaderAlerts moderation={moderation} />
+              a.pt_xs,
-          )}
+              a.pb_sm,
-        </View>
+              isIOS ? a.pointer_events_auto : {pointerEvents: 'box-none'},
-      )}
+            ]}
+          />
+        ) : (
+          <ProfileHeaderAlerts
+            moderation={moderation}
+            style={[
+              a.px_lg,
+              a.pt_xs,
+              a.pb_sm,
+              isIOS ? a.pointer_events_auto : {pointerEvents: 'box-none'},
+            ]}
+          />
+        ))}
 
       <GrowableAvatar style={[a.absolute, {top: 104, left: 10}]}>
         <TouchableWithoutFeedback