refactor: remove auto dismissal of whats new toast and move it to the bottom left

packages/hoppscotch-common/locales/en.json

@@ -98,7 +98,7 @@
     "twitter": "Twitter",
     "type_a_command_search": "Type a command or search…",
     "we_use_cookies": "We use cookies",
-    "updated_text": "Hoppscotch has been updated to the version {version} 🎉",
+    "updated_text": "Hoppscotch has been updated to v{version} 🎉",
     "whats_new": "What's new?",
     "see_whats_new": "See what’s new",
     "wiki": "Wiki"

packages/hoppscotch-common/src/composables/whats-new.ts

@@ -1,12 +1,11 @@
 import { toast as sonner } from "@hoppscotch/ui"
 import { markRaw } from "vue"
-
 import WhatsNewDialog from "~/components/app/WhatsNewDialog.vue"
 import { getService } from "~/modules/dioc"
 import { PersistenceService } from "~/services/persistence"
 import { version as hoppscotchCommonPkgVersion } from "./../../package.json"
 
-export const useWhatsNewDialog = async function () {
+export function useWhatsNewDialog() {
   const persistenceService = getService(PersistenceService)
 
   const versionFromLocalStorage = persistenceService.getLocalConfig("hopp_v")
@@ -34,15 +33,20 @@ export const useWhatsNewDialog = async function () {
 
   // Show the release notes during a major version update
   if (majorVersionFromLocalStorage !== hoppscotchCommonPkgMajorVersion) {
-    const notesUrl = await getReleaseNotes(hoppscotchCommonPkgMajorVersion)
-    if (notesUrl) {
-      sonner.custom(markRaw(WhatsNewDialog), {
-        componentProps: {
-          notesUrl,
-          version: hoppscotchCommonPkgVersion,
-        },
-      })
-    }
+    setTimeout(async () => {
+      const notesUrl = await getReleaseNotes(hoppscotchCommonPkgMajorVersion)
+
+      if (notesUrl) {
+        sonner.custom(markRaw(WhatsNewDialog), {
+          componentProps: {
+            notesUrl,
+            version: hoppscotchCommonPkgVersion,
+          },
+          position: "bottom-left",
+          duration: Infinity,
+        })
+      }
+    }, 10000)
   }
 
   persistenceService.setLocalConfig("hopp_v", hoppscotchCommonPkgVersion)