Profile: follower and following counts

src/profiles/Profile.tsx

@@ -23,6 +23,7 @@ import {
   IconButton,
   ListItemAvatar,
   ListItemIcon,
+  ListItemSecondaryAction,
   ListItemText,
   MenuItem,
   Toolbar,
@@ -38,8 +39,8 @@ import {
   PlaylistAdd,
   Send,
   Share,
-  SmartToy,
   SmartToySharp,
+  Subject,
   Translate,
   Verified,
 } from "@suid/icons-material";
@@ -295,7 +296,23 @@ const Profile: Component = () => {
           <ListItemIcon>
             <Group />
           </ListItemIcon>
-          <ListItemText>Subscribers</ListItemText>
+          <ListItemText>Followers</ListItemText>
+          <ListItemSecondaryAction>
+            <span aria-label="The number of the account follower">
+              {profile()?.followersCount ?? ""}
+            </span>
+          </ListItemSecondaryAction>
+        </MenuItem>
+        <MenuItem disabled>
+          <ListItemIcon>
+            <Subject />
+          </ListItemIcon>
+          <ListItemText>Following</ListItemText>
+          <ListItemSecondaryAction>
+            <span aria-label="The number the account following">
+              {profile()?.followingCount ?? ""}
+            </span>
+          </ListItemSecondaryAction>
         </MenuItem>
         <MenuItem disabled>
           <ListItemIcon>
@@ -303,12 +320,6 @@ const Profile: Component = () => {
           </ListItemIcon>
           <ListItemText>Blocklist</ListItemText>
         </MenuItem>
-        <MenuItem disabled>
-          <ListItemIcon>
-            <Translate />
-          </ListItemIcon>
-          <ListItemText>Translate Name and Bio...</ListItemText>
-        </MenuItem>
         <MenuItem disabled>
           <ListItemIcon>
             <Send />