fix: added get certified button on certified participants list

frontend/src/pages/CertifiedParticipants.vue

@@ -3,12 +3,20 @@
 		class="sticky flex items-center justify-between top-0 z-10 border-b bg-surface-white px-3 py-2.5 sm:px-5"
 	>
 		<Breadcrumbs :items="breadcrumbs" />
+		<router-link :to="{ name: 'Batches' }">
+			<Button>
+				<template #prefix>
+					<GraduationCap class="h-4 w-4 stroke-1.5" />
+				</template>
+				{{ __('Get Certified') }}
+			</Button>
+		</router-link>
 	</header>
 	<div class="p-5 lg:w-3/4 mx-auto">
 		<div
 			class="flex flex-col lg:flex-row lg:items-center space-y-4 lg:space-y-0 justify-between mb-5"
 		>
-			<div class="text-lg font-semibold">
+			<div class="text-lg text-ink-gray-9 font-semibold">
 				{{ __('All Certified Participants') }}
 			</div>
 			<div class="grid grid-cols-2 gap-2">
@@ -97,7 +105,7 @@ import {
 } from 'frappe-ui'
 import { computed, onMounted, ref } from 'vue'
 import { updateDocumentTitle } from '@/utils'
-import { BookOpen } from 'lucide-vue-next'
+import { BookOpen, GraduationCap } from 'lucide-vue-next'
 
 const currentCategory = ref('')
 const filters = ref({})