fix: spacing issue on course overview page

frontend/src/components/CourseCardOverlay.vue

@@ -91,10 +91,7 @@
 				</Button>
 			</div>
 			<div class="space-y-4">
-				<div
-					class="font-medium text-ink-gray-9"
-					:class="{ 'mt-8': course.data.membership && !readOnlyMode }"
-				>
+				<div class="font-medium text-ink-gray-9 mt-8">
 					{{ __('This course has:') }}
 				</div>
 				<div class="flex items-center text-ink-gray-9">

frontend/src/components/CourseReviews.vue

@@ -80,7 +80,7 @@ const props = defineProps({
 		required: true,
 	},
 	membership: {
-		type: Object,
+		type: Object || null,
 		required: false,
 	},
 })

frontend/src/pages/Courses/CourseOverview.vue

@@ -76,7 +76,7 @@
 				<CourseReviews
 					:courseName="course.data.name"
 					:avg_rating="course.data.rating"
-					:membership="course.data.membership"
+					:membership="course.data.membership || null"
 				/>
 			</div>
 			<div class="hidden md:block">