feat: meta tags

frontend/src/pages/BatchDetail.vue

@@ -136,7 +136,7 @@ const breadcrumbs = computed(() => {
 	return items
 })
 </script>
-<style scoped>
+<style>
 .batch-description p {
 	margin-bottom: 1rem;
 	line-height: 1.7;

frontend/src/pages/CourseDetail.vue

@@ -144,7 +144,7 @@ const pageMeta = computed(() => {
 
 updateDocumentTitle(pageMeta)
 </script>
-<style scoped>
+<style>
 .course-description p {
 	margin-bottom: 1rem;
 	line-height: 1.7;

frontend/src/pages/CreateLesson.vue

@@ -411,7 +411,7 @@ const breadcrumbs = computed(() => {
 	return crumbs
 })
 </script>
-<style scoped>
+<style>
 .embed-tool__caption {
 	display: none;
 }

frontend/src/pages/JobDetail.vue

@@ -56,6 +56,7 @@
 					<img
 						:src="job.data.company_logo"
 						class="w-16 h-16 rounded-lg object-contain mr-4"
+						:alt="job.data.company_name"
 					/>
 					<div>
 						<div class="text-2xl font-semibold mb-2">

frontend/src/pages/Lesson.vue

@@ -339,7 +339,7 @@ const allowInstructorContent = () => {
 	return false
 }
 </script>
-<style scoped>
+<style>
 .avatar-group {
 	display: inline-flex;
 	align-items: center;

frontend/src/pages/Statistics.vue

@@ -6,7 +6,7 @@
 			<Breadcrumbs class="h-7" :items="breadcrumbs" />
 		</header>
 		<div v-if="chartDetails.data" class="p-5">
-			<div class="grid grid-cols-2 lg:gridc-cols-5 gap-4">
+			<div class="grid grid-cols-2 lg:grid-cols-5 gap-4">
 				<div class="flex items-center shadow py-2 px-3 rounded-md">
 					<div class="p-2 rounded-md bg-gray-100 mr-3">
 						<BookOpen class="w-18 h-18 stroke-1.5 text-gray-700" />