feat(web): event handler component (#23763)

web/src/lib/stores/folders.svelte.ts

@@ -19,7 +19,7 @@ class FoldersStore {
   private assets = $state<AssetCache>({});
 
   constructor() {
-    eventManager.on('auth.logout', () => this.clearCache());
+    eventManager.on('AuthLogout', () => this.clearCache());
   }
 
   async fetchTree(): Promise<TreeNode> {

web/src/lib/stores/memory.store.svelte.ts

@@ -21,7 +21,7 @@ export type MemoryAsset = MemoryIndex & {
 
 class MemoryStoreSvelte {
   constructor() {
-    eventManager.on('auth.logout', () => this.clearCache());
+    eventManager.on('AuthLogout', () => this.clearCache());
   }
 
   memories = $state<MemoryResponseDto[]>([]);

web/src/lib/stores/notification-manager.svelte.ts

@@ -9,8 +9,8 @@ class NotificationStore {
   notifications = $state<NotificationDto[]>([]);
 
   constructor() {
-    eventManager.on('auth.login', () => handlePromiseError(this.refresh()));
-    eventManager.on('auth.logout', () => this.clear());
+    eventManager.on('AuthLogin', () => handlePromiseError(this.refresh()));
+    eventManager.on('AuthLogout', () => this.clear());
   }
 
   async refresh() {

web/src/lib/stores/search.svelte.ts

@@ -5,7 +5,7 @@ class SearchStore {
   isSearchEnabled = $state(false);
 
   constructor() {
-    eventManager.on('auth.logout', () => this.clearCache());
+    eventManager.on('AuthLogout', () => this.clearCache());
   }
 
   clearCache() {

web/src/lib/stores/user.store.ts

@@ -16,4 +16,4 @@ export const resetSavedUser = () => {
   purchaseStore.setPurchaseStatus(false);
 };
 
-eventManager.on('auth.logout', () => resetSavedUser());
+eventManager.on('AuthLogout', () => resetSavedUser());

web/src/lib/stores/user.svelte.ts

@@ -26,4 +26,4 @@ const reset = () => {
   Object.assign(userInteraction, defaultUserInteraction);
 };
 
-eventManager.on('auth.logout', () => reset());
+eventManager.on('AuthLogout', () => reset());