fix: certification list border style

frontend/src/pages/CertifiedParticipants.vue

@@ -38,8 +38,8 @@
 				</div>
 			</div>
 		</div>
-		<div v-if="participants.data?.length" class="divide-y">
-			<template v-for="participant in participants.data">
+		<div v-if="participants.data?.length" class="">
+			<template v-for="(participant, index) in participants.data">
 				<router-link
 					:to="{
 						name: 'ProfileCertificates',
@@ -47,9 +47,14 @@
 							username: participant.username,
 						},
 					}"
-					class="flex sm:rounded px-3 py-2 sm:h-15 hover:bg-surface-gray-2"
+					class="flex h-15 rounded-md hover:bg-surface-gray-2 px-3"
 				>
-					<div class="flex items-center w-full space-x-3">
+					<div
+						class="flex items-center w-full space-x-3 py-2"
+						:class="{
+							'border-b': index < participants.data.length - 1,
+						}"
+					>
 						<UserAvatar :user="participant" size="2xl" />
 
 						<div class="flex flex-col md:flex-row w-full">