fix: replace current route after inserting workbook

frontend/src2/components/Navbar.vue

@@ -1,4 +1,8 @@
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import { useRouter } from 'vue-router'
+
+const router = useRouter()
+</script>
 
 <template>
 	<div
@@ -7,9 +11,9 @@
 		<div class="relative flex flex-1 items-center">
 			<div class="absolute left-0">
 				<slot name="left">
-					<router-link :to="{ path: '/' }">
+					<button @click="router.back()" class="flex items-center gap-1">
 						<img src="../assets/insights-logo-new.svg" alt="logo" class="h-7 rounded" />
-					</router-link>
+					</button>
 				</slot>
 			</div>
 			<div class="flex flex-1 items-center justify-center">

frontend/src2/workbook/workbook.ts

@@ -20,9 +20,9 @@ import type {
 export default function useWorkbook(name: string) {
 	const workbook = getWorkbookResource(name)
 
-	const router = useRouter()
 	workbook.onAfterInsert(() => {
-		window.location.href = window.location.href.replace(name, workbook.doc.name)
+		const href = window.location.href.replace(name, workbook.doc.name)
+		window.location.replace(href)
 	})
 	workbook.onAfterSave(() => createToast({ title: 'Saved', variant: 'success' }))
 
@@ -41,6 +41,7 @@ export default function useWorkbook(name: string) {
 		}
 	)
 
+	const router = useRouter()
 	function setActiveTab(type: 'query' | 'chart' | 'dashboard' | '', idx: number) {
 		router.replace(
 			type ? `/workbook/${workbook.name}/${type}/${idx}` : `/workbook/${workbook.name}`