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/lib/components/dashboard.svelte

@@ -1,4 +1,5 @@
-<script lang="ts">
+<script lang="ts">import { logger } from '$lib/core/utils/logger';
+
 	import { messages as WSMsg } from '$lib/core/handlers/messageHandler';
 	import * as Card from './ui/card/index';
 	import { ScrollArea } from './ui/scroll-area/index';
@@ -42,7 +43,7 @@
 		unsubWebSocketMsg();
 	});
 
-	console.log('current department: ', get(departmentStore));
+	logger.info('current department: ', get(departmentStore));
 </script>
 
 <div class="grid grid-flow-row-dense grid-cols-3 grid-rows-3">