feat: batch creation

frontend/src/pages/BatchDetail.vue

@@ -45,9 +45,11 @@
 					<BatchOverlay :batch="batch" />
 				</div>
 			</div>
-			<div>
-				<div class="text-2xl font-semibold mt-10">
-					{{ __('Courses') }}
+			<div v-if="batch.data.courses.length">
+				<div class="flex items-center mt-10">
+					<div class="text-2xl font-semibold">
+						{{ __('Courses') }}
+					</div>
 				</div>
 				<div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-8 mt-5">
 					<div
@@ -78,10 +80,10 @@
 	</div>
 </template>
 <script setup>
-import { Breadcrumbs, createResource } from 'frappe-ui'
+import { Breadcrumbs, createResource, Button } from 'frappe-ui'
 import { BookOpen, Calendar, Clock } from 'lucide-vue-next'
 import { formatTime } from '../utils'
-import { computed, inject } from 'vue'
+import { computed, inject, ref } from 'vue'
 import BatchOverlay from '@/components/BatchOverlay.vue'
 import CourseCard from '@/components/CourseCard.vue'
 import { useRouter } from 'vue-router'