feat: migrate recipe editor

- using eventbus in recipe editor
- migrate to logging instead of console log
- fix case swap not saved, value not update after change, topping slot bug

Signed-off-by: pakintada@gmail.com <Pakin>

src/routes/(authed)/admin/+layout.svelte

@@ -1,4 +1,5 @@
-<script lang="ts">
+<script lang="ts">import { logger } from '$lib/core/utils/logger';
+
 	import { goto } from '$app/navigation';
 	import { page } from '$app/state';
 	import { auth, authInitialized } from '$lib/core/stores/auth';
@@ -51,7 +52,7 @@
 					}
 				})
 				.catch((error) => {
-					console.error('Error checking admin status:', error);
+					logger.error('Error checking admin status:', error);
 					goto('/dashboard');
 				});
 		}

src/routes/(authed)/admin/roles/+page.svelte

@@ -1,4 +1,5 @@
-<script lang="ts">
+<script lang="ts">import { logger } from '$lib/core/utils/logger';
+
 	import { onMount } from 'svelte';
 	import { getRoleDefinitions, buildAvailablePermissions } from '$lib/core/admin/adminService';
 	import { rolesConfig, rolesLoading, availablePermissions } from '$lib/core/admin/adminStore';
@@ -25,7 +26,7 @@
 			rolesConfig.set(roles);
 			availablePermissions.set(perms);
 		} catch (error) {
-			console.error('Error loading roles:', error);
+			logger.error('Error loading roles:', error);
 		} finally {
 			rolesLoading.set(false);
 		}

src/routes/(authed)/admin/roles/role-card.svelte

@@ -1,4 +1,5 @@
-<script lang="ts">
+<script lang="ts">import { logger } from '$lib/core/utils/logger';
+
 	import * as Card from '$lib/components/ui/card/index';
 	import * as Dialog from '$lib/components/ui/dialog/index';
 	import Button from '$lib/components/ui/button/button.svelte';
@@ -104,7 +105,7 @@
 			dialogOpen = false;
 			onUpdate();
 		} catch (error) {
-			console.error('Error updating role:', error);
+			logger.error('Error updating role:', error);
 			addNotification('ERROR:Failed to update role');
 		} finally {
 			saving = false;

src/routes/(authed)/admin/settings/+page.svelte

@@ -1,4 +1,5 @@
-<script lang="ts">
+<script lang="ts">import { logger } from '$lib/core/utils/logger';
+
 	import { onMount } from 'svelte';
 	import {
 		getDocumentPermissions,
@@ -29,7 +30,7 @@
 			toolsPerms = tools;
 			allowedDomains = domains;
 		} catch (error) {
-			console.error('Error loading settings:', error);
+			logger.error('Error loading settings:', error);
 		} finally {
 			loading = false;
 		}

src/routes/(authed)/admin/users/+page.svelte

@@ -1,4 +1,5 @@
-<script lang="ts">
+<script lang="ts">import { logger } from '$lib/core/utils/logger';
+
 	import { onMount } from 'svelte';
 	import { getAllUsers } from '$lib/core/admin/adminService';
 	import { adminUsers, usersLoading, adminError } from '$lib/core/admin/adminStore';
@@ -16,7 +17,7 @@
 			const users = await getAllUsers();
 			adminUsers.set(users);
 		} catch (error) {
-			console.error('Error loading users:', error);
+			logger.error('Error loading users:', error);
 			adminError.set('Failed to load users');
 		} finally {
 			usersLoading.set(false);

src/routes/(authed)/admin/users/user-edit-sheet.svelte

@@ -1,4 +1,5 @@
-<script lang="ts">
+<script lang="ts">import { logger } from '$lib/core/utils/logger';
+
 	import * as Sheet from '$lib/components/ui/sheet/index';
 	import Button from '$lib/components/ui/button/button.svelte';
 	import Label from '$lib/components/ui/label/label.svelte';
@@ -141,7 +142,7 @@
 			addNotification('SUCCESS:User updated successfully');
 			editSheetOpen.set(false);
 		} catch (error) {
-			console.error('Error updating user:', error);
+			logger.error('Error updating user:', error);
 			addNotification('ERROR:Failed to update user');
 		} finally {
 			saving = false;
@@ -157,7 +158,7 @@
 		try {
 			availablePermissions = await buildAvailablePermissions();
 		} catch (error) {
-			console.error('Error loading permissions:', error);
+			logger.error('Error loading permissions:', error);
 		}
 		loadingPermissions = false;
 	});