fix: update dependencies to latest versions and improve code formatting

Author: gustaavik

bun.lock

@@ -28,19 +28,19 @@
 		"mode-watcher": "^1.1.0",
 		"prettier": "^3.6.2",
 		"prettier-plugin-svelte": "^3.4.0",
-		"svelte": "^5.34.9",
+		"svelte": "^5.35.2",
 		"svelte-check": "^4.2.2",
 		"svelte-sonner": "^1.0.5",
 		"sveltekit-superforms": "^2.27.1",
 		"tailwind-merge": "^3.3.1",
 		"tailwind-variants": "^1.0.0",
 		"tailwindcss": "^4.1.11",
-		"tw-animate-css": "^1.3.4",
+		"tw-animate-css": "^1.3.5",
 		"typescript": "^5.8.3",
 		"vite": "^6.3.5"
 	},
 	"dependencies": {
 		"lucide-svelte": "^0.515.0",
-		"zod": "^3.25.67"
+		"zod": "^3.25.71"
 	}
 }

package.json

@@ -38,9 +38,7 @@
 			<p class="text-muted-foreground">Manage your product catalog</p>
 		</div>
 		<div class="flex items-center gap-3">
-			<Button href="/admin/products/categories" variant="outline">
-				Categories
-			</Button>
+			<Button href="/admin/products/categories" variant="outline">Categories</Button>
 			<Button href="/admin/products/new" class="flex items-center gap-2">
 				<Plus class="h-4 w-4" />
 				Add Product

src/routes/admin/products/+page.svelte

@@ -3,7 +3,13 @@
 	import { enhance } from '$app/forms';
 	import { invalidateAll } from '$app/navigation';
 	import { Button } from '$lib/components/ui/button';
-	import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '$lib/components/ui/card';
+	import {
+		Card,
+		CardContent,
+		CardDescription,
+		CardHeader,
+		CardTitle
+	} from '$lib/components/ui/card';
 	import { Badge } from '$lib/components/ui/badge';
 	import * as DropdownMenu from '$lib/components/ui/dropdown-menu';
 	import * as Dialog from '$lib/components/ui/dialog';
@@ -80,7 +86,10 @@
 							</Button>
 						</DropdownMenu.Trigger>
 						<DropdownMenu.Content>
-							<DropdownMenu.Item onclick={() => window.location.href = `/admin/products/categories/${category.id}/edit`}>
+							<DropdownMenu.Item
+								onclick={() =>
+									(window.location.href = `/admin/products/categories/${category.id}/edit`)}
+							>
 								<Edit class="h-4 w-4 mr-2" />
 								Edit
 							</DropdownMenu.Item>
@@ -145,9 +154,9 @@
 		</Dialog.Header>
 		<Dialog.Footer>
 			<Button variant="outline" onclick={closeDeleteDialog}>Cancel</Button>
-			<form 
-				method="POST" 
-				action="?/delete" 
+			<form
+				method="POST"
+				action="?/delete"
 				use:enhance={() => {
 					return async ({ result }) => {
 						if (result.type === 'success') {

src/routes/admin/products/categories/+page.svelte

@@ -8,7 +8,7 @@
 	import { enhance } from '$app/forms';
 
 	let { form } = $props();
-	
+
 	let showPassword = $state(false);
 	let isSubmitting = $state(false);
 
@@ -25,11 +25,9 @@
 	<Card.Root class="w-full max-w-md">
 		<Card.Header class="text-center">
 			<Card.Title class="text-2xl font-bold">Admin Login</Card.Title>
-			<Card.Description>
-				Sign in to access the Commercify admin dashboard
-			</Card.Description>
+			<Card.Description>Sign in to access the Commercify admin dashboard</Card.Description>
 		</Card.Header>
-		
+
 		<Card.Content>
 			{#if form?.error}
 				<Alert class="mb-6" variant="destructive">
@@ -41,8 +39,8 @@
 				</Alert>
 			{/if}
 
-			<form 
-				method="POST" 
+			<form
+				method="POST"
 				class="space-y-6"
 				use:enhance={() => {
 					isSubmitting = true;
@@ -96,11 +94,7 @@
 					</div>
 				</div>
 
-				<Button
-					type="submit"
-					class="w-full"
-					disabled={isSubmitting}
-				>
+				<Button type="submit" class="w-full" disabled={isSubmitting}>
 					{#if isSubmitting}
 						<div class="flex items-center">
 							<div class="animate-spin rounded-full h-4 w-4 border-b-2 border-white mr-2"></div>
@@ -113,11 +107,9 @@
 				</Button>
 			</form>
 		</Card.Content>
-		
+
 		<Card.Footer class="text-center">
-			<p class="text-sm text-gray-600">
-				Only administrators can access this dashboard
-			</p>
+			<p class="text-sm text-gray-600">Only administrators can access this dashboard</p>
 		</Card.Footer>
 	</Card.Root>
 </div>