fix: improve logo alignment and reduce focus area padding

- Removed 'entry' class from desktop logo to match mobile implementation
- Added left padding to nav for consistent logo alignment across viewports
- Reduces excessive padding when tabbing through logo links

src/lib/components/Header.svelte

@@ -100,6 +100,7 @@ nav{
 	align-items: center;
 	box-shadow: 0 1em 1rem 0rem rgba(0,0,0,0.4);
 	height: 4rem;
+	padding-left: 0.5rem;
 }
 nav[hidden]{
 	display:block;
@@ -113,8 +114,7 @@ nav[hidden]{
 	color: white;
 	user-select: none;
 }
-:global(.site_header li>a),
-:global(.entry)
+:global(.site_header li>a)
 {
 	text-decoration: none;
 	font-family: sans-serif;
@@ -123,12 +123,20 @@ nav[hidden]{
 	border-radius: 1000px;
 	padding: 0.5rem 0.75rem;
 }
+:global(a.entry)
+{
+	text-decoration: none;
+	font-family: sans-serif;
+	font-size: 1.2rem;
+	border-radius: 1000px;
+	padding: 0.5rem 0.75rem;
+}
 
 :global(.site_header li:hover),
 :global(.site_header li:focus-within),
 :global(.site_header li:has(a.active)),
-:global(.entry:hover),
-:global(.entry:focus-visible)
+:global(a.entry:hover),
+:global(a.entry:focus-visible)
 {
 	cursor: pointer;
 	color: var(--nord8);
@@ -317,7 +325,7 @@ footer{
 </div>
 </div>
 <nav hidden class=nav_site>
-	<a class=entry href="/" aria-label="Home"><Symbol></Symbol></a>
+	<a href="/" aria-label="Home"><Symbol></Symbol></a>
 	<div class="links-wrapper">
 		{@render links?.()}
 		<div class="active-underline" class:no-transition={disableTransition} style="left: {underlineLeft}px; width: {underlineWidth}px;"></div>