chore: add a tooltip explaining what beta is

desk/src/components/desk/sidebar/SidebarLink.vue

@@ -20,15 +20,17 @@
  }"
  >
  {{ label }}
- <Badge v-if="isBeta" theme="orange" variant="subtle">beta</Badge>
+ <Tooltip :text="betaText">
+ <Badge v-if="isBeta" theme="orange" variant="subtle">beta</Badge>
+ </Tooltip>
  </div>
  </div>
 </template>
 
 <script setup lang="ts">
 import { computed } from "vue";
-import { Badge } from "frappe-ui";
 import { useRoute, useRouter } from "vue-router";
+import { Badge, Tooltip } from "frappe-ui";
 import { useSidebarStore } from "@/stores/sidebar";
 
 const props = defineProps({
@@ -61,6 +63,7 @@ const route = useRoute();
 const router = useRouter();
 const sidebarStore = useSidebarStore();
 const isActive = computed(() => props.to.includes(route.name.toString()));
+const betaText = "This feature is a work in progress. Use with caution";
 
 function handle() {
  props.onClick();