fix: resolve type error in navigation-list-item.tsx

- Changed from switch statement to if-else chain for better type narrowing
- TypeScript now properly narrows the NavigationItem union type
- Fixes Vercel deployment build error

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

Co-Authored-By: Claude <[email protected]>

Author: kaochannel154

apps/studio.giselles.ai/app/stage/ui/navigation-rail/navigation-list-item.tsx

@@ -6,40 +6,41 @@ import type { NavigationRailState } from "./types";
 export function NavigationListItem(
 	props: NavigationItem & { variant: NavigationRailState },
 ) {
-	switch (props.type) {
-		case "link":
-			return (
-				<Link
-					href={props.href}
-					className="text-text-muted text-sm flex items-center py-0.5 hover:bg-ghost-element-hover rounded-lg px-1"
-				>
-					<div className="size-8 flex items-center justify-center">
-						<props.icon className="size-4" />
-					</div>
-					{props.variant === "expanded" && props.label}
-				</Link>
-			);
-		case "notification":
-			return (
-				<button
-					type="button"
-					onClick={(e) => {
-						const updateButton = e.currentTarget.querySelector("button");
-						if (updateButton) {
-							updateButton.click();
-						}
-					}}
-					className="text-text-muted text-sm flex items-center py-0.5 hover:bg-ghost-element-hover rounded-lg px-1 w-full text-left"
-				>
-					<div className="size-8 flex items-center justify-center">
-						<UpdateNotificationButton />
-					</div>
-					{props.variant === "expanded" && props.label}
-				</button>
-			);
-		default: {
-			const _exhaustiveCheck: never = props.type;
-			throw new Error(`Unhandled type: ${_exhaustiveCheck}`);
-		}
+	if (props.type === "link") {
+		return (
+			<Link
+				href={props.href}
+				className="text-text-muted text-sm flex items-center py-0.5 hover:bg-ghost-element-hover rounded-lg px-1"
+			>
+				<div className="size-8 flex items-center justify-center">
+					<props.icon className="size-4" />
+				</div>
+				{props.variant === "expanded" && props.label}
+			</Link>
+		);
 	}
+
+	if (props.type === "notification") {
+		return (
+			<button
+				type="button"
+				onClick={(e) => {
+					const updateButton = e.currentTarget.querySelector("button");
+					if (updateButton) {
+						updateButton.click();
+					}
+				}}
+				className="text-text-muted text-sm flex items-center py-0.5 hover:bg-ghost-element-hover rounded-lg px-1 w-full text-left"
+			>
+				<div className="size-8 flex items-center justify-center">
+					<UpdateNotificationButton />
+				</div>
+				{props.variant === "expanded" && props.label}
+			</button>
+		);
+	}
+
+	// This should never be reached if NavigationItem is properly typed
+	const _exhaustiveCheck: never = props;
+	throw new Error(`Unhandled navigation item type`);
 }