fix: build and use a proper <Show>

Author: atilafassina

src/routes/solid-router/reference/data-apis/cache.mdx

@@ -4,7 +4,7 @@ isDeprecated: true
 ---
 
 <Callout type="caution" title="Deprecation Warning">
-This API is deprecated since `v0.15.0` of Solid-Router. Use [query](solid-router/reference/data-apis/query) instead. It will be removed in an upcoming release.
+This API is deprecated since `v0.15.0` of Solid-Router. Use [query](/solid-router/reference/data-apis/query) instead. It will be removed in an upcoming release.
 </Callout>
 
 `cache` is a [higher-order function](https://en.wikipedia.org/wiki/Higher-order_function) designed to create a new function with the same signature as the function passed to it.

src/ui/layout/main-navigation.tsx

@@ -53,7 +53,8 @@ function ListItemLink(props: { item: Entry }) {
 					href={props.item.path}
 					class={`hover:text-blue-700 dark:hover:text-blue-300 block w-full lg:text-sm pl-3.5 before:pointer-events-none before:absolute before:-left-1 before:top-1/2 before:h-1.5 before:w-1.5 before:-translate-y-1/2 before:rounded-full ${linkStyles()}`}
 				>
-					{props.item.title} {props.item.isDeprecated && "(deprecated)"}
+					{props.item.title}
+					<Show when={props.item.isDeprecated}> (deprecated)</Show>
 					<Show when={!props.item.isTranslated}>
 						<span>
 							<abbr