feat(subscription-ui): redesign with glass morphism and responsive layout

- Update all subscription components with glass morphism styling
- Add backdrop blur, subtle borders, and proper dark mode support
- Fix responsive layout issues with proper min-width and overflow handling
- Position badges inside cards to prevent clipping
- Add responsive font sizes for mobile displays
- Simplify mana page wrapper in chat app

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

Co-Authored-By: Claude <noreply@anthropic.com>

apps/chat/apps/web/src/routes/(protected)/mana/+page.svelte

@@ -16,17 +16,24 @@
 	<title>Mana - ManaChat</title>
 </svelte:head>
 
-<div class="min-h-screen p-4 md:p-8" style="background-color: hsl(var(--color-background));">
-	<div class="mx-auto max-w-6xl">
-		<SubscriptionPage
-			appName="ManaChat"
-			onSubscribe={handleSubscribe}
-			onBuyPackage={handleBuyPackage}
-			currentPlanId="free"
-			pageTitle="Wähle dein Abo"
-			subscriptionsTitle="Abonnements"
-			packagesTitle="Einmal-Pakete"
-			yearlyDiscount="2 Monate gratis"
-		/>
-	</div>
+<div class="mana-page">
+	<SubscriptionPage
+		appName="ManaChat"
+		onSubscribe={handleSubscribe}
+		onBuyPackage={handleBuyPackage}
+		currentPlanId="free"
+		pageTitle="Wähle dein Abo"
+		subscriptionsTitle="Abonnements"
+		packagesTitle="Einmal-Pakete"
+		yearlyDiscount="2 Monate gratis"
+	/>
 </div>
+
+<style>
+	.mana-page {
+		min-height: 100%;
+		width: 100%;
+		overflow-x: hidden;
+		background-color: hsl(var(--background));
+	}
+</style>