feat: labels on profiles

src/components/moderation/labels-on-me.tsx

···
 import CircleInfoOutlinedIcon from '../icons-central/circle-info-outline';
 
 export interface LabelsOnMeProps {
+	type: 'content' | 'account';
 	labels: ComAtprotoLabelDefs.Label[] | undefined;
 	large?: boolean;
 	class?: string;
···
 						<CircleInfoOutlinedIcon
 							class={`ml-1 opacity-80 group-hover:opacity-100` + (!props.large ? ` text-xs` : ` w-4 text-sm`)}
 						/>
-						<span class="mx-1.5">{`${labels().length} ${labels().length === 1 ? `label` : `labels`} placed on this content`}</span>
+						<span class="mx-1.5">{`${labels().length} ${labels().length === 1 ? `label` : `labels`} placed on this ${props.type}`}</span>
 					</button>
 				</div>
 			)}

src/components/profiles/profile-view-header.tsx

···
 
 import { useProfileShadow } from '~/api/cache/profile-shadow';
 import { getModerationUI } from '~/api/moderation';
-import { ContextProfileMedia } from '~/api/moderation/constants';
+import { ContextProfileMedia, ContextProfileView } from '~/api/moderation/constants';
 import { moderateProfile } from '~/api/moderation/entities/profile';
 import { parseAtUri } from '~/api/utils/strings';
 
···
 import MailOutlinedIcon from '../icons-central/mail-outline';
 import MuteOutlinedIcon from '../icons-central/mute-outline';
 import ImageViewerModalLazy from '../images/image-viewer-modal-lazy';
+import LabelsOnMe from '../moderation/labels-on-me';
+import ModerationAlerts from '../moderation/moderation-alerts';
 
 import EditProfileDialogLazy from './edit-profile-dialog-lazy';
 import HandleOverflowMenu from './handle-overflow-menu';
···
 						})()}
 					</p>
 				</div>
+
+				{isSelf ? (
+					<LabelsOnMe type="account" labels={data().labels} large />
+				) : (
+					<ModerationAlerts ui={getModerationUI(moderation(), ContextProfileView)} large />
+				)}
 
 				<div class="whitespace-pre-wrap break-words text-sm empty:hidden">{data().description?.trim()}</div>
 

src/components/threads/highlighted-post.tsx

···
 				</div>
 			</div>
 
-			{isOurPost && <LabelsOnMe labels={post().labels} large class="mb-1" />}
+			{isOurPost && <LabelsOnMe type="content" labels={post().labels} large class="mb-1" />}
 
 			<ModerationAlerts ui={ui()} large class="mb-1" />
 

src/components/timeline/post-feed-item.tsx

···
 						<PostMeta post={post} href={href} authorHref={authorHref} gutterBottom />
 						<PostReplyContext item={item} />
 
-						{isOurPost && <LabelsOnMe labels={post.labels} class="-mx-1 my-1" />}
+						{isOurPost && <LabelsOnMe type="content" labels={post.labels} class="-mx-1 my-1" />}
 						<ModerationAlerts ui={ui()} class="-mx-1 my-1" />
 
 						<ContentHider