New Badges components: destination, public, status, teams + container/status

apps/ui/src/lib/components/badges/DestinationBadge.svelte

@@ -0,0 +1,15 @@
+<script>
+	import Tooltip from "../Tooltip.svelte";
+  import {initials} from '$lib/common';
+  export let name;
+  export let thingId;
+  let id = 'destination' + thingId;
+  
+</script>
+
+{#if (name||'').length > 0}
+  <span class="badge rounded uppercase text-xs	" id={id}>
+    {initials(name)}
+  </span>
+  <Tooltip triggeredBy="#{id}" placement="right">{name}</Tooltip>
+{/if}