add release monitor and ui toast

packages/ui/src/App.tsx

@@ -13,6 +13,7 @@ import { useTheme } from "./lib/theme"
 import { useCommands } from "./lib/hooks/use-commands"
 import { useAppLifecycle } from "./lib/hooks/use-app-lifecycle"
 import { getLogger } from "./lib/logger"
+import { initReleaseNotifications } from "./stores/releases"
 import {
   hasInstances,
   isSelectingFolder,
@@ -67,6 +68,10 @@ const App: Component = () => {
     void initMarkdown(isDark()).catch((error) => log.error("Failed to initialize markdown", error))
   })
 
+  createEffect(() => {
+    initReleaseNotifications()
+  })
+
   const activeInstance = createMemo(() => getActiveInstance())
   const activeSessionIdForInstance = createMemo(() => {
     const instance = activeInstance()
@@ -352,9 +357,8 @@ const App: Component = () => {
         <RemoteAccessOverlay open={remoteAccessOpen()} onClose={() => setRemoteAccessOpen(false)} />
  
         <AlertDialog />
- 
-        <Toaster
 
+        <Toaster
           position="top-right"
           gutter={16}
           toastOptions={{
@@ -367,4 +371,5 @@ const App: Component = () => {
   )
 }
 
+
 export default App