refactor: use escaped middot

components/nav/NavFooter.vue

@@ -48,7 +48,7 @@ const buildTimeAgo = useTimeAgo(buildTime, timeAgoOptions)
       <i18n-t keypath="nav_footer.built_at">
         <time :datetime="buildTime" :title="$d(buildTimeDate, 'long')">{{ buildTimeAgo }}</time>
       </i18n-t>
-      ·
+      &middot;
       <NuxtLink
         v-if="buildCommit"
         external
@@ -58,7 +58,7 @@ const buildTimeAgo = useTimeAgo(buildTime, timeAgoOptions)
       >
         {{ buildCommit.slice(0, 7) }}
       </NuxtLink>
-      · <a href="https://github.com/elk-zone/elk" target="_blank">GitHub</a>
+      &middot; <a href="https://github.com/elk-zone/elk" target="_blank">GitHub</a>
     </div>
   </footer>
 </template>

components/status/StatusDetails.vue

@@ -53,12 +53,12 @@ const visibility = $computed(() => STATUS_VISIBILITIES.find(v => v.value === sta
           <span ml1 font-bold cursor-pointer>{{ $t('state.edited') }}</span>
         </StatusEditIndicator>
       </div>
-      <div>·</div>
+      <div>&middot;</div>
       <CommonTooltip :content="$t(`visibility.${visibility.value}`)" placement="bottom">
         <div :class="visibility.icon" />
       </CommonTooltip>
       <div v-if="status.application?.name">
-        · {{ status.application?.name }}
+        &middot; {{ status.application?.name }}
       </div>
     </div>
     <StatusActions :status="status" details :command="command" border="t base" pt-2 />