refactor(ui): follow button and description to match design

src/components/FeedInterstitials.tsx

@@ -294,30 +294,41 @@ export function ProfileGrid({
                     moderationOpts={moderationOpts}
                     size={88}
                   />
-                  <ProfileCard.Name
+                  <View style={[a.flex_col, a.align_center]}>
-                    profile={profile}
+                    <ProfileCard.Name
-                    moderationOpts={moderationOpts}
+                      profile={profile}
-                  />
+                      moderationOpts={moderationOpts}
-                  <ProfileCard.FollowButton
+                    />
-                    profile={profile}
+                    <ProfileCard.Description
-                    moderationOpts={moderationOpts}
+                      profile={profile}
-                    logContext="FeedInterstitial"
+                      numberOfLines={2}
-                    shape="round"
+                      style={[
-                    colorInverted
+                        t.atoms.text_contrast_medium,
-                    onFollow={() => {
+                        a.text_center,
-                      logEvent('suggestedUser:follow', {
+                        a.text_xs,
-                        logContext:
+                      ]}
-                          viewContext === 'feed'
+                    />
-                            ? 'InterstitialDiscover'
+                  </View>
-                            : 'InterstitialProfile',
-                        location: 'Card',
-                        recId,
-                        position: index,
-                      })
-                    }}
-                  />
-                <ProfileCard.Description profile={profile} numberOfLines={2} />
                 </View>
+
+                <ProfileCard.FollowButton
+                  profile={profile}
+                  moderationOpts={moderationOpts}
+                  logContext="FeedInterstitial"
+                  withIcon={false}
+                  style={[a.rounded_sm]}
+                  onFollow={() => {
+                    logEvent('suggestedUser:follow', {
+                      logContext:
+                        viewContext === 'feed'
+                          ? 'InterstitialDiscover'
+                          : 'InterstitialProfile',
+                      location: 'Card',
+                      recId,
+                      position: index,
+                    })
+                  }}
+                />
               </ProfileCard.Outer>
             </CardOuter>
           )}