Fix header css

frontend/src/lib/components/Header.svelte

@@ -6,7 +6,7 @@
     };
 </script>
 
-	<div style=''>
+<div>
     <!-- svelte-ignore a11y-no-static-element-interactions -->
     <!-- svelte-ignore a11y-click-events-have-key-events -->
     <!-- svelte-ignore a11y-missing-attribute -->
@@ -15,7 +15,7 @@
     </a>
     
     <img src="/images/app-bar-logo.png" alt="" />
-	</div>
+</div>
 
 <style>
     div {

frontend/src/lib/components/HomeHeader.svelte

@@ -20,13 +20,19 @@
 <style>
 	div {
 		color: white;
-		padding: 5px;
+		margin: 0 auto;
+		padding-left: 15px;
+		padding-right: 15px;
 		width: 100%;
 		display: flex;
-		justify-content: space-evenly;
+		justify-content: space-between;
 		align-items: center;
 		background-color: #de0e1b;
 	}
+	div p {
+		margin: 0;
+		padding: 0;
+	}
 	div a {
 		cursor: pointer;
 	}

frontend/src/routes/paths/[slug]/+page.svelte

@@ -1,10 +1,10 @@
 <script lang="ts">
 	import Route from '$lib/components/Route.svelte';
-	import Header from '$lib/components/Header.svelte';
+	import HomeHeader from '$lib/components/HomeHeader.svelte';
 	export let data;
 </script>
 
-<Header title={data.title}></Header>
+<HomeHeader title={data.title}></HomeHeader>
 
 <div>
 {#each data.routes as route}