From 52d43b25e67f0d9aa4726b986f8bcd2f92d17ee6 Mon Sep 17 00:00:00 2001
From: Till-JS <101404291+Till-JS@users.noreply.github.com>
Date: Sun, 30 Nov 2025 00:34:58 +0100
Subject: [PATCH] fix(manacore): use correct nav icons for Credits and Feedback
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Credits: sparkles → creditCard (credit card icon)
- Feedback: message-square → chat (chat bubble icon)

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 apps/manacore/apps/web/src/routes/(app)/+layout.svelte | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/apps/manacore/apps/web/src/routes/(app)/+layout.svelte b/apps/manacore/apps/web/src/routes/(app)/+layout.svelte
index e9aa778cd..3c36b15d8 100644
--- a/apps/manacore/apps/web/src/routes/(app)/+layout.svelte
+++ b/apps/manacore/apps/web/src/routes/(app)/+layout.svelte
@@ -53,8 +53,8 @@
 	// Navigation items for ManaCore
 	const navItems: PillNavItem[] = [
 		{ href: '/dashboard', label: 'Dashboard', icon: 'home' },
-		{ href: '/credits', label: 'Credits', icon: 'sparkles' },
-		{ href: '/feedback', label: 'Feedback', icon: 'message-square' },
+		{ href: '/credits', label: 'Credits', icon: 'creditCard' },
+		{ href: '/feedback', label: 'Feedback', icon: 'chat' },
 		{ href: '/profile', label: 'Profil', icon: 'user' },
 		{ href: '/settings', label: 'Settings', icon: 'settings' },
 	];
@@ -138,16 +138,16 @@
 <svelte:window onkeydown={handleKeydown} />
 
 {#if loading || authStore.loading}
-	<div class="flex min-h-screen items-center justify-center bg-gray-50 dark:bg-gray-900">
+	<div class="flex min-h-screen items-center justify-center bg-background">
 		<div class="text-center">
 			<div
 				class="mb-4 inline-block h-12 w-12 animate-spin rounded-full border-4 border-solid border-primary-500 border-r-transparent"
 			></div>
-			<p class="text-gray-500 dark:text-gray-400">Loading...</p>
+			<p class="text-muted-foreground">Loading...</p>
 		</div>
 	</div>
 {:else if authStore.isAuthenticated}
-	<div class="min-h-screen bg-gray-50 dark:bg-gray-900">
+	<div class="min-h-screen bg-background">
 		<!-- Pill Navigation -->
 		<PillNavigation
 			items={navItems}