Improve localization marks

[quiple]

<Text style={[t.atoms.text, a.text_md, a.leading_snug, a.mt_lg]}>
  {modcause.source.type === 'user' ? (
    <Trans>This label was applied by the author.</Trans>
  ) : (
    <Trans>
      This label was applied by{' '}
      <InlineLinkText
        to={makeProfileLink({did: modcause.label.src, handle: ''})}
        onPress={() => control.close()}
        style={a.text_md}>
        {desc.source}
      </InlineLinkText>
      .
    </Trans>
  )}
</Text>

  <Trans>
    <Text type="xl-medium" style={pal.text}>
      {formatCountShortOnly(profile?.followersCount ?? 0)}
    </Text>{' '}
    <Plural
      value={profile?.followersCount || 0}
      one="follower"
      other="followers"
-   />{' '}
-   &middot;{' '}
- </Trans>
+   />
+ </Trans>{' '}
+ &middot;{' '}

Changes the position of <Trans> for easier localization.

---

<Trans>
  Delete Account{' '}
  <Text type="title-xl" style={[pal.text, s.bold]}>
    "
  </Text>
  <Text
    type="title-xl"
    numberOfLines={1}
    style={[
      isMobile ? styles.titleMobile : styles.titleDesktop,
      pal.text,
      s.bold,
    ]}>
    {currentAccount?.handle}
  </Text>
  <Text type="title-xl" style={[pal.text, s.bold]}>
    "
  </Text>
</Trans>

<Trans>
  Step {state.activeStep + 1} of{' '}
  {state.serviceDescription &&
  !state.serviceDescription.phoneVerificationRequired
    ? '2'
    : '3'}
</Trans>

Changes the position of <Trans> for localization in languages with reversed word order.

---

- <Text type="md-bold" style={[pal.textLight, s.mr5]}>
-   <Trans>Not Applicable.</Trans>
- </Text>
  <Trans>
+   <Text type="md-bold" style={[pal.textLight]}>
+     Not Applicable.
+   </Text>{' '}
    This warning is only available for posts with media attached.
  </Trans>

Replaces the right margin with a whitespace and changes the position of <Trans> for easier localization.

---

  label={
-   profileShadow.viewer?.following ? _('Following') : _('Follow')
+   profileShadow.viewer?.following ? _(msg`Following`) : _(msg`Follow`)
  }

  <ButtonText>
-   {profileShadow.viewer?.following ? _('Following') : _('Follow')}
+   {profileShadow.viewer?.following ? _(msg`Following`) : _(msg`Follow`)}
  </ButtonText>

  <Text
    style={[
      a.text_md,
      a.font_bold,
      {
        color: t.palette.negative_900,
      },
    ]}>
-   Error:{' '}
+   <Trans>Error:</Trans>{' '}
  </Text>
- {error?.message || 'an unknown error occurred'}
+ {error?.message || _(msg`an unknown error occurred`)}

- by @{feed.creatorHandle}
+ <Trans>by @{feed.creatorHandle}</Trans>

 {canSave
   ? _(msg`Update to ${handle}`)
-  : _(msg`Verify ${isDNSForm ? 'DNS Record' : 'Text File'}`)}
+  : isDNSForm
+  ? _(msg`Verify DNS Record`)
+  : _(msg`Verify Text File`)}

Enables localization of these strings.

---

- Toast.show(_(msg`Saved to your camera roll.`))
+ Toast.show(_(msg`Saved to your camera roll`))

- Toast.show(_(msg`Appeal submitted.`))
+ Toast.show(_(msg`Appeal submitted`))

Removes trailing periods, as do many other toast messages used in Bluesky.

---

- <Trans>
    <Text style={[a.text_md, a.font_bold]}>{following} </Text>
    <Text style={[t.atoms.text_contrast_medium]}>
      {pluralizedFollowings}
    </Text>
- </Trans>

Removes unnecessary <Trans> tags.

[surfdude29]

You might want to add these toasts in the image picker to be localised:

social-app/src/lib/media/picker.shared.ts

Line 18 in 6f2dfcb

Toast.show('You may only select up to 4 images')

social-app/src/lib/media/picker.shared.ts

Line 25 in 6f2dfcb

Toast.show('Only image files are supported')

[quiple]

@pfrazee Hello, can I ask you to review this PR?

[pfrazee]

Yep this all looks solid. Thanks so much, quiple!