fix: dark mode for course and batch tags

frontend/src/components/CourseCard.vue

@@ -1,7 +1,7 @@
 <template>
 	<div
 		v-if="course.title"
-		class="flex flex-col h-full rounded-md shadow-md border overflow-auto"
+		class="flex flex-col h-full rounded-md shadow-md border-2 overflow-auto"
 		style="min-height: 350px"
 	>
 		<div
@@ -15,14 +15,9 @@
 				<Badge v-if="course.featured" variant="subtle" theme="green" size="md">
 					{{ __('Featured') }}
 				</Badge>
-				<Badge
-					variant="solid"
-					theme="gray"
-					size="md"
-					v-for="tag in course.tags"
-				>
+				<div v-for="tag in course.tags" class="text-xs bg-white text-gray-800 px-2 py-0.5 rounded-md">
 					{{ tag }}
-				</Badge>
+				</div>
 			</div>
 			<div v-if="!course.image" class="image-placeholder">
 				{{ course.title[0] }}