[Glitch] Profile redesign: Move and rearrange number fields

Port f7c00d8d4e to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>

app/javascript/flavours/glitch/features/account_timeline/components/account_header.tsx

@@ -174,6 +174,8 @@ export const AccountHeader: React.FC<{
 
           <AccountBadges accountId={accountId} />
 
+          <AccountNumberFields accountId={accountId} />
+
           {!isMe && !suspendedOrHidden && (
             <FamiliarFollowers accountId={accountId} />
           )}
@@ -200,8 +202,6 @@ export const AccountHeader: React.FC<{
               {!me && account.email_subscriptions && (
                 <AccountSubscriptionForm accountId={accountId} />
               )}
-
-              <AccountNumberFields accountId={accountId} />
             </div>
           )}
 

app/javascript/flavours/glitch/features/account_timeline/components/number_fields.tsx

@@ -27,13 +27,6 @@ export const AccountNumberFields: FC<{ accountId: string }> = ({
 
   return (
     <NumberFields>
-      <NumberFieldsItem
-        label={<FormattedMessage id='account.posts' defaultMessage='Posts' />}
-        hint={intl.formatNumber(account.statuses_count)}
-      >
-        <ShortNumber value={account.statuses_count} />
-      </NumberFieldsItem>
-
       <NumberFieldsItem
         label={
           <FormattedMessage id='account.followers' defaultMessage='Followers' />
@@ -54,6 +47,13 @@ export const AccountNumberFields: FC<{ accountId: string }> = ({
         <ShortNumber value={account.following_count} />
       </NumberFieldsItem>
 
+      <NumberFieldsItem
+        label={<FormattedMessage id='account.posts' defaultMessage='Posts' />}
+        hint={intl.formatNumber(account.statuses_count)}
+      >
+        <ShortNumber value={account.statuses_count} />
+      </NumberFieldsItem>
+
       <NumberFieldsItem
         label={
           <FormattedMessage id='account.joined_short' defaultMessage='Joined' />