keep search result source context together

Refs: DOCS-12517

Render the search result library/source context as a single truncated line so values like apple-developer-docs /web do not split across rows while the file path remains on its own line.

Verification: npm run build; npm test -- --run; git diff --check.

Co-authored-by: Codex <noreply@openai.com>

Author: 2 people

web/src/views/pages.tsx

@@ -1793,16 +1793,11 @@ export function SearchView() {
                   <div className="flex flex-wrap items-start justify-between gap-3">
                     <div className="min-w-0">
                       <h3 className="text-base font-semibold leading-6 tracking-normal">{result.title}</h3>
-                      <div className="mt-1 flex flex-wrap items-center gap-x-2 gap-y-1 text-xs text-muted-foreground">
+                      <div className="mt-1 truncate text-xs text-muted-foreground">
                         <Link to="/catalog/$slug" params={{ slug: result.library }} className="font-medium text-foreground hover:underline">
                           {result.library}
                         </Link>
-                        {result.source && (
-                          <>
-                            <span aria-hidden="true">/</span>
-                            <span>{result.source}</span>
-                          </>
-                        )}
+                        {result.source && <span className="whitespace-nowrap"> /{result.source}</span>}
                       </div>
                     </div>
                     {result.source_url && (