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/recipe-details/recipelist-mat-select.svelte

@@ -1,4 +1,5 @@
-<script lang="ts">
+<script lang="ts">import { logger } from '$lib/core/utils/logger';
+
 	import { onMount } from 'svelte';
 	import { Button } from '../ui/button';
 	import * as DropdownMenu from '$lib/components/ui/dropdown-menu/index';
@@ -28,7 +29,7 @@
 		if (refPage === 'brew') allMatData = get(materialFromMachineQuery);
 		else if (refPage === 'overview') allMatData = get(materialFromServerQuery);
 
-		// console.log('all mat data', JSON.stringify(allMatData));
+		// logger.info('all mat data', JSON.stringify(allMatData));
 	});
 </script>