fix hider alignment in thread (#9168)

src/components/moderation/PostHider.tsx

···
   modui: ModerationUI
   profile: AppBskyActorDefs.ProfileViewBasic
   interpretFilterAsBlur?: boolean
+  hiderStyle?: StyleProp<ViewStyle>
 }
 
 export function PostHider({
···
   disabled,
   modui,
   style,
+  hiderStyle,
   children,
   iconSize,
   iconStyles,
···
         },
         override ? {paddingBottom: 0} : undefined,
         t.atoms.bg,
+        hiderStyle,
       ]}>
       <ModerationDetailsDialog control={control} modcause={blur} />
       <Pressable

src/screens/PostThread/components/ThreadItemPost.tsx

···
     <View
       style={[
         showTopBorder && [a.border_t, t.atoms.border_contrast_low],
-        {
-          paddingHorizontal: OUTER_SPACE,
-        },
+        {paddingHorizontal: OUTER_SPACE},
         // If there's no next child, add a little padding to bottom
         !item.ui.showChildReplyLine &&
           !item.ui.precedesChildReadMore && {
···
           href={postHref}
           disabled={overrides?.moderation === true}
           modui={moderation.ui('contentList')}
+          hiderStyle={[a.pl_0, a.pr_2xs, a.bg_transparent]}
           iconSize={LINEAR_AVI_WIDTH}
-          iconStyles={{marginLeft: 2, marginRight: 2}}
+          iconStyles={[a.mr_xs]}
           profile={post.author}
           interpretFilterAsBlur>
           <ThreadItemPostParentReplyLine item={item} />