feat(status): add visibility indicator

closes #117

components/status/StatusDetails.vue

@@ -12,6 +12,8 @@ const status = $computed(() => {
 })
 
 const date = useFormattedDateTime(status.createdAt)
+
+const visibility = $computed(() => STATUS_VISIBILITIES.find(v => v.value === status.visibility)!)
 </script>
 
 <template>
@@ -28,10 +30,15 @@ const date = useFormattedDateTime(status.createdAt)
         :status="status"
       />
     </StatusSpoiler>
-    <div>
-      <span op50 text-sm>
-        {{ date }} {{ status.application?.name ? `· ${status.application?.name}` : '' }}
-      </span>
+    <div flex="~ gap-1" items-center op50 text-sm>
+      <div>{{ date }}</div>
+      <div>·</div>
+      <CommonTooltip :content="visibility.label" placement="bottom">
+        <div :class="visibility.icon" />
+      </CommonTooltip>
+      <div v-if="status.application?.name">
+        · {{ status.application?.name }}
+      </div>
     </div>
     <StatusActions :status="status" border="t base" pt-2 />
   </div>