feat: implementation of users module of the admin dashboard (#29)

Co-authored-by: Anwarul Islam <anwaarulislaam@gmail.com>

packages/hoppscotch-sh-admin/src/main.ts

@@ -1,10 +1,17 @@
 import { createApp } from 'vue';
 import urql, { createClient } from '@urql/vue';
 import App from './App.vue';
+import Toasted from '@hoppscotch/vue-toasted';
+import type { ToastOptions } from '@hoppscotch/vue-toasted';
+
+// STYLES
+import 'virtual:windi.css';
+import '@hoppscotch/vue-toasted/style.css';
+import '@hoppscotch/ui/style.css';
 import '../assets/scss/themes.scss';
 import '../assets/scss/styles.scss';
-import '@hoppscotch/ui/style.css';
-import 'virtual:windi.css';
+// END STYLES
+
 import {
   createRouter,
   createWebHashHistory,
@@ -34,6 +41,15 @@ const app = createApp(App).use(
   })
 );
 
+// We are using a fork of Vue Toasted (github.com/clayzar/vue-toasted) which is a bit of
+// an untrusted fork, we will either want to make our own fork or move to a more stable one
+// The original Vue Toasted doesn't support Vue 3 and the OP has been irresponsive.
+app.use(Toasted, <ToastOptions>{
+  position: 'bottom-center',
+  duration: 3000,
+  keepOnHover: true,
+});
+
 app.use(HoppUIPlugin, options);
 app.use(
   createRouter({