feat: show the task color bubble everywhere

src/components/misc/colorBubble.vue

@@ -0,0 +1,26 @@
+<template>
+	<span
+		:style="{backgroundColor: color }"
+		class="color-bubble"
+	></span>
+</template>
+
+<script lang="ts" setup>
+defineProps({
+	color: {
+		type: String,
+		required: true,
+	},
+})
+</script>
+
+<style scoped>
+.color-bubble {
+	display: inline-block;
+	border-radius: 100%;
+	margin-right: 4px;
+	height: 10px;
+	width: 10px;
+	flex-shrink: 0;
+}
+</style>