añadido pagina de Posts, una store para la api, y header para mobile

src/lib/head/Header.svelte

@@ -1,29 +1,27 @@
 <script>
-	import { Root } from '@/components/ui/button-group';
 	import { Button } from '../components/ui/button';
-	import {
-		DropdownMenu,
-		DropdownMenuContent,
-		DropdownMenuItem,
-		DropdownMenuTrigger
-	} from '../components/ui/dropdown-menu';
 	import ButtonTheme from './ButtonTheme.svelte';
 	import ButtonGroup from '@/components/ui/button-group/button-group.svelte';
-
 	import { page } from '$app/state';
+	import { slide } from 'svelte/transition';
+
+	let menuOpen = $state(false);
+	const toggleMenu = () => (menuOpen = !menuOpen);
 </script>
 
 <header class="border-b bg-background/95 backdrop-blur">
-	<div class="container ms-2 flex h-14 items-center">
-		<div class="mr-4 hidden md:flex">
+	<div class="mx-4 ms-2 flex h-12 items-center justify-between">
+		<div class="flex items-center">
 			<a href="/" class="mr-6 flex items-center space-x-2">
 				<p class="leading-7 not-first:mt-6">Mini-X</p>
 			</a>
-			<nav class="flex items-center space-x-6 text-sm font-medium">
+			<nav class="items-center space-x-6 text-sm font-medium md:flex">
 				<ButtonTheme />
 			</nav>
 		</div>
-		<div class="flex flex-1 items-center justify-between space-x-2 md:justify-end">
+
+		<!-- Desktop menu -->
+		<div class="hidden flex-1 items-center justify-end md:flex">
 			<ButtonGroup>
 				<Button
 					variant={page.url.pathname !== '/login' ? 'outline' : 'secondary'}
@@ -38,5 +36,48 @@
 				>
 			</ButtonGroup>
 		</div>
+
+		<!-- Mobile menu button -->
+		<button class="me-3 rounded-md md:hidden" onclick={toggleMenu} aria-label="Toggle menu">
+			{#if menuOpen}
+				<svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+					<path
+						stroke-linecap="round"
+						stroke-linejoin="round"
+						stroke-width={2}
+						d="M6 18L18 6M6 6l12 12"
+					/>
+				</svg>
+			{:else}
+				<svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+					<path
+						stroke-linecap="round"
+						stroke-linejoin="round"
+						stroke-width={2}
+						d="M4 6h16M4 12h16M4 18h16"
+					/>
+				</svg>
+			{/if}
+		</button>
 	</div>
+
+	<!-- Mobile menu -->
+	{#if menuOpen}
+		<div class="md:hidden" transition:slide>
+			<div class="space-y-1 border-t bg-background/95 px-2 pt-2 pb-3">
+				<Button
+					variant={page.url.pathname !== '/login' ? 'outline' : 'secondary'}
+					href="/login"
+					class="mb-2 w-full justify-start text-foreground/60 transition-colors hover:text-foreground/80"
+					onclick={() => (menuOpen = false)}>Iniciar Sesion</Button
+				>
+				<Button
+					variant={page.url.pathname !== '/register' ? 'outline' : 'secondary'}
+					href="/register"
+					class="w-full justify-start text-foreground/60 transition-colors hover:text-foreground/80"
+					onclick={() => (menuOpen = false)}>Registrarse</Button
+				>
+			</div>
+		</div>
+	{/if}
 </header>

src/lib/stores/url.ts

@@ -0,0 +1,6 @@
+import { dev } from '$app/environment';
+import { writable } from 'svelte/store';
+
+export const apiBase = writable(
+	dev ? 'http://localhost:5000' : 'https://minix-back-dsuk.onrender.com'
+);