refactor: new data import flow

frontend/src/pages/Courses.vue

@@ -3,7 +3,7 @@
 		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" />
-		
+
 		<Dropdown
 			placement="start"
 			side="bottom"

frontend/src/pages/DataImport.vue

@@ -1,13 +1,13 @@
 <template>
-    <DataImport 
-        :doctype="route.params.doctype"
-        :importName="route.params.importName"
-        :doctypeMap="doctypeMap"
-    />
+	<DataImport
+		:doctype="route.params.doctype"
+		:importName="route.params.importName"
+		:doctypeMap="doctypeMap"
+	/>
 </template>
 <script setup lang="ts">
-import { usePageMeta } from "frappe-ui"
-import { DataImport } from "frappe-ui/frappe"
+import { usePageMeta } from 'frappe-ui'
+import { DataImport } from 'frappe-ui/frappe'
 import { sessionStore } from '../stores/session'
 import { useRoute } from 'vue-router'
 
@@ -15,19 +15,19 @@ const { brand } = sessionStore()
 const route = useRoute()
 
 const doctypeMap = {
-    "LMS Course": {
-        title: "Courses",
-        listRoute: "/courses",
-        pageRoute: `/courses/docname`
-    },
-    "LMS Batch": {
-        title: "Batches",
-        listRoute: "/batches"
-    },
-    "LMS Category": {
-        title: "Categories",
-        listRoute: "/lms"
-    }
+	'LMS Course': {
+		title: 'Courses',
+		listRoute: '/courses',
+		pageRoute: `/courses/docname`,
+	},
+	'LMS Batch': {
+		title: 'Batches',
+		listRoute: '/batches',
+	},
+	'LMS Category': {
+		title: 'Categories',
+		listRoute: '/lms',
+	},
 }
 
 usePageMeta(() => {
@@ -36,4 +36,4 @@ usePageMeta(() => {
 		icon: brand.favicon,
 	}
 })
-</script>
+</script>