chore:some cleaning up

src/lib/components/Header.svelte

@@ -21,21 +21,29 @@
 
 <header class="app-header">
 	<h1 class="app-title">Serengo</h1>
-	<ProfileIcon username={user.username} onclick={toggleProfilePanel} />
+	<div class="profile-container">
+		<ProfileIcon username={user.username} onclick={toggleProfilePanel} />
+		<ProfilePanel
+			username={user.username}
+			id={user.id}
+			isOpen={showProfilePanel}
+			onClose={closeProfilePanel}
+		/>
+	</div>
 </header>
 
-<ProfilePanel
-	username={user.username}
-	id={user.id}
-	isOpen={showProfilePanel}
-	onClose={closeProfilePanel}
-/>
-
 <style>
 	.app-header {
 		display: flex;
 		align-items: center;
 		justify-content: space-between;
 		padding: 16px 20px;
+		max-width: 1200px;
+		margin: 0 auto;
+		position: relative;
+	}
+
+	.profile-container {
+		position: relative;
 	}
 </style>