Make profile formatting hydration-safe

resources/js/components/social/FollowButton.jsx

@@ -1,5 +1,6 @@
 import React, { useState } from 'react'
 import NovaConfirmDialog from '../ui/NovaConfirmDialog'
+import { formatProfileNumber } from '../../lib/profileFormatters'
 
 export default function FollowButton({
   username,
@@ -79,7 +80,7 @@ export default function FollowButton({
       >
         <i className={`fa-solid fa-fw ${loading ? 'fa-circle-notch fa-spin' : following ? (hovered ? 'fa-user-minus' : 'fa-user-check') : 'fa-user-plus'}`} />
         <span>{following ? (hovered ? 'Unfollow' : 'Following') : 'Follow'}</span>
-        {showCount ? <span className="text-xs opacity-70">{count.toLocaleString()}</span> : null}
+        {showCount ? <span className="text-xs opacity-70">{formatProfileNumber(count)}</span> : null}
       </button>
 
       <NovaConfirmDialog