i18n : wrap core IU stringg with __() (nav, button, tabs, breadcrumbs )

frontend/src/components/Controls/Autocomplete.vue

@@ -53,7 +53,7 @@
 									"
 									:value="query"
 									autocomplete="off"
-									placeholder="Search"
+									:placeholder="__('Search')"
 								/>
 								<button
 									class="absolute right-1.5 inline-flex h-7 w-7 items-center justify-center"

frontend/src/pages/Batch.vue

@@ -256,34 +256,34 @@ const readOnlyMode = window.read_only_mode
 const tabs = computed(() => {
 	let batchTabs = []
 	batchTabs.push({
-		label: 'Dashboard',
+		label: __('Dashboard'),
 		icon: LayoutDashboard,
 	})
 
 	batchTabs.push({
-		label: 'Courses',
+		label: __('Courses'),
 		icon: BookOpen,
 	})
 
 	batchTabs.push({
-		label: 'Classes',
+		label: __('Classes'),
 		icon: Laptop,
 	})
 
 	if (user.data?.is_moderator) {
 		batchTabs.push({
-			label: 'Assessments',
+			label: __('Assessments'),
 			icon: BookOpenCheck,
 		})
 	}
 
 	batchTabs.push({
-		label: 'Announcements',
+		label: __('Announcements'),
 		icon: Mail,
 	})
 
 	batchTabs.push({
-		label: 'Discussions',
+		label: __('Discussions'),
 		icon: MessageCircle,
 	})
 	return batchTabs
@@ -317,10 +317,10 @@ const batch = createResource({
 })
 
 const breadcrumbs = computed(() => {
-	let crumbs = [{ label: 'Batches', route: { name: 'Batches' } }]
+	let crumbs = [{ label: __('Batches'), route: { name: 'Batches' } }]
 	if (!isStudent.value) {
 		crumbs.push({
-			label: 'Details',
+			label: __('Details'),
 			route: {
 				name: 'BatchDetail',
 				params: {

frontend/src/pages/BatchDetail.vue

@@ -120,7 +120,7 @@ const courses = createResource({
 })
 
 const breadcrumbs = computed(() => {
-	let items = [{ label: 'Batches', route: { name: 'Batches' } }]
+	let items = [{ label: __('Batches'), route: { name: 'Batches' } }]
 	items.push({
 		label: batch?.data?.title,
 		route: { name: 'BatchDetail', params: { batchName: batch?.data?.name } },

frontend/src/pages/CourseDetail.vue

@@ -141,7 +141,7 @@ watch(
 )
 
 const breadcrumbs = computed(() => {
-	let items = [{ label: 'Courses', route: { name: 'Courses' } }]
+	let items = [{ label: __('Courses'), route: { name: 'Courses' } }]
 	items.push({
 		label: course?.data?.title,
 		route: { name: 'CourseDetail', params: { courseName: course?.data?.name } },

frontend/src/pages/Lesson.vue

@@ -433,7 +433,7 @@ const progress = createResource({
 })
 
 const breadcrumbs = computed(() => {
-	let items = [{ label: 'Courses', route: { name: 'Courses' } }]
+	let items = [{ label: __('Courses'), route: { name: 'Courses' } }]
 	items.push({
 		label: lesson?.data?.course_title,
 		route: { name: 'CourseDetail', params: { courseName: props.courseName } },

frontend/src/pages/Notifications.vue

@@ -13,7 +13,7 @@
 			</Button>
 			<TabButtons
 				class="inline-block"
-				:buttons="[{ label: 'Unread', active: true }, { label: 'Read' }]"
+				:buttons="[{ label: __('Unread'), active: true }, { label: __('Read') }]"
 				v-model="activeTab"
 			/>
 		</div>

frontend/src/pages/Profile.vue

@@ -195,14 +195,14 @@ const isSessionUser = () => {
 }
 
 const getTabButtons = () => {
-	let buttons = [{ label: 'About' }, { label: 'Certificates' }]
+	let buttons = [{ label: __('About') }, { label: __('Certificates') }]
-	if ($user.data?.is_moderator) buttons.push({ label: 'Roles' })
+	if ($user.data?.is_moderator) buttons.push({ label: __('Roles') })
 	if (
 		isSessionUser() &&
 		($user.data?.is_evaluator || $user.data?.is_moderator)
 	) {
-		buttons.push({ label: 'Slots' })
+		buttons.push({ label: __('Slots') })
-		buttons.push({ label: 'Schedule' })
+		buttons.push({ label: __('Schedule') })
 	}
 
 	return buttons

frontend/src/utils/index.js

@@ -403,7 +403,7 @@ export function getUserTimezone() {
 export function getSidebarLinks() {
 	return [
 		{
-			label: 'Courses',
+			label: __('Courses'),
 			icon: 'BookOpen',
 			to: 'Courses',
 			activeFor: [
@@ -415,25 +415,25 @@ export function getSidebarLinks() {
 			],
 		},
 		{
-			label: 'Batches',
+			label: __('Batches'),
 			icon: 'Users',
 			to: 'Batches',
 			activeFor: ['Batches', 'BatchDetail', 'Batch', 'BatchForm'],
 		},
 		{
-			label: 'Certified Members',
+			label: __('Certified Members'),
 			icon: 'GraduationCap',
 			to: 'CertifiedParticipants',
 			activeFor: ['CertifiedParticipants'],
 		},
 		{
-			label: 'Jobs',
+			label: __('Jobs'),
 			icon: 'Briefcase',
 			to: 'Jobs',
 			activeFor: ['Jobs', 'JobDetail'],
 		},
 		{
-			label: 'Statistics',
+			label: __('Statistics'),
 			icon: 'TrendingUp',
 			to: 'Statistics',
 			activeFor: ['Statistics'],