nest text in header links with spans and use spacer class in breadcrumb

projects/frontend/src/components/shared/header-link.vue

@@ -27,10 +27,12 @@ li.header-entry
     v-else-if='!sameSite'
     :href='entry.path'
     :target='entry.target || "_self"'
-  ) {{ entry.displayName }}
+  )
+    span {{ entry.displayName }}
   router-link(
     v-else
     :to='{ name }'
     :target='entry.target || "_self"'
-  ) {{ entry.displayName }}
+  )
+    span {{ entry.displayName }}
 </template>

projects/frontend/src/main.vue

@@ -153,8 +153,9 @@ onMounted(async () => {
         )
           router-link(
             :to='{ path: breadcrumb.href }'
-          ) {{ breadcrumb.caption }}
-          span /
+          ) 
+            span {{ breadcrumb.caption }}
+          span.spacer /
     #header-controls
       ThemePicker
   main(