Profile: support locked acct

src/profiles/Profile.css

@@ -53,7 +53,7 @@
     flex-flow: column nowrap;
   }
 
-  .bot-mark {
+  .acct-mark {
     font-size: 1.2em;
   }
 

src/profiles/Profile.tsx

@@ -33,6 +33,7 @@ import {
   Edit,
   ExpandMore,
   Group,
+  Lock,
   MoreVert,
   OpenInBrowser,
   PersonOff,
@@ -41,7 +42,6 @@ import {
   Share,
   SmartToySharp,
   Subject,
-  Translate,
   Verified,
 } from "@suid/icons-material";
 import { Body2, Title } from "../material/typography";
@@ -372,13 +372,19 @@ const Profile: Component = () => {
       <Menu {...subscribeMenuState}>
         <MenuItem
           onClick={toggleSubscribeHome}
-          aria-details="Subscribe or Unsubscribe this account on your home timeline"
+          aria-label={`${relationship()?.following ? "Unfollow" : "Follow"} on your home timeline`}
         >
           <ListItemAvatar>
             <Avatar src={session().account?.inf?.avatar}></Avatar>
           </ListItemAvatar>
           <ListItemText
-            secondary={relationship()?.following ? "Subscribed" : undefined}
+            secondary={
+              relationship()?.following
+                ? undefined
+                : profile()?.locked
+                  ? "A request will be sent"
+                  : undefined
+            }
           >
             <span ref={useSessionDisplayName}></span>
             <span>'s Home</span>
@@ -408,7 +414,10 @@ const Profile: Component = () => {
           <div class="name-grp">
             <div class="display-name">
               <Show when={profile()?.bot}>
-                <SmartToySharp class="bot-mark" aria-label="Bot" />
+                <SmartToySharp class="acct-mark" aria-label="Bot" />
+              </Show>
+              <Show when={profile()?.locked}>
+                <Lock class="acct-mark" aria-label="Locked" />
               </Show>
               <Body2
                 component="span"