working nice. docker uses bun

src/lib/components/Header.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
 	import { page } from '$app/stores';
+	import User from '$lib/icons/user.svelte';
 	import { derived } from 'svelte/store';
 
 	// Create a derived store to extract breadcrumb data
@@ -40,6 +41,7 @@
 
 	<div class="right">
 		<span>User profile</span>
+		<User />
 	</div>
 </div>
 
@@ -112,4 +114,10 @@
 			}
 		}
 	}
+
+	:global(.right svg) {
+		height: 1.5rem;
+		width: 1.5rem;
+		fill: white;
+	}
 </style>