Enhance UI components and improve user notifications

- Updated App.vue to include a toast notification system for new messages, enhancing user engagement.
- Modified SplashScreen.vue to streamline the intro text display with improved typing effects.
- Added Montserrat font styles in style.css for better typography across the application.
- Improved controller navigation in useControllerNav.ts to support enhanced focus management and sound feedback.
- Updated routing logic in index.ts to redirect authenticated users from the login page to the home page.
- Enhanced the Login.vue view with transition effects for a smoother user experience during login and setup processes.

neode-ui/src/stores/loginTransition.ts

@@ -0,0 +1,32 @@
+import { defineStore } from 'pinia'
+import { ref } from 'vue'
+
+/** Signals that we just logged in - Dashboard uses this for zoom + oomph */
+export const useLoginTransitionStore = defineStore('loginTransition', () => {
+  const justLoggedIn = ref(false)
+  /** Show empty welcome block until typing starts (hide static text) */
+  const pendingWelcomeTyping = ref(false)
+  /** Trigger welcome typing on Home - set true after dashboard animation finishes */
+  const startWelcomeTyping = ref(false)
+
+  function setJustLoggedIn(value: boolean) {
+    justLoggedIn.value = value
+  }
+
+  function setPendingWelcomeTyping(value: boolean) {
+    pendingWelcomeTyping.value = value
+  }
+
+  function setStartWelcomeTyping(value: boolean) {
+    startWelcomeTyping.value = value
+  }
+
+  return {
+    justLoggedIn,
+    setJustLoggedIn,
+    pendingWelcomeTyping,
+    setPendingWelcomeTyping,
+    startWelcomeTyping,
+    setStartWelcomeTyping,
+  }
+})