Adding tooltip

This checks the ActivityPub object for any given status to see if it has a `localOnly` property. If it does and it is set to true, then a local-only icon is displayed in the `StatusAction` bar. This mimicks the current Hometown layout and behavior.

components/status/StatusActions.vue

@@ -105,7 +105,7 @@ const reply = () => {
       </StatusActionButton>
     </div>
 
-    <div flex-none>
+    <div :class="status.localOnly ? 'flex-1' : 'flex-none'">
       <StatusActionButton
         :content="$t('action.bookmark')"
         color="text-yellow" hover="text-yellow" group-hover="bg-yellow/10"
@@ -117,5 +117,19 @@ const reply = () => {
         @click="toggleBookmark()"
       />
     </div>
+
+    <CommonTooltip v-if="status.localOnly" :content="$t('action.local_only')" placement="bottom">
+      <div
+        class="i-ri:link-unlink-m local-only"
+        flex-none
+        text-secondary
+      />
+    </CommonTooltip>
   </div>
 </template>
+
+<style>
+.local-only {
+  margin: 0.5em;
+}
+</style>

locales/en-US.json

@@ -53,6 +53,7 @@
     "favourite": "Favorite",
     "favourite_count": "{0}",
     "favourited": "Favorited",
+    "local_only": "Local only",
     "more": "More",
     "next": "Next",
     "prev": "Prev",