fix code highlighter colors and centre the breadcrumbs on docs

src/app/components/code-highlighter.tsx

@@ -77,9 +77,9 @@ export function CodeHighlighter({ code, language = "json", rounded = true }: Cod
         renderer={rowRenderer}
         customStyle={{
           maxHeight: "600px",
-          backgroundColor: "hsl(var(--background-accent))",
+          backgroundColor: "hsl(var(--secondary))",
           wordBreak: "break-all",
-          borderRadius: rounded ? "0.75rem" : undefined,
+          borderRadius: rounded ? "0.25rem" : undefined,
         }}
       >
         {code}

src/app/components/command-menu.tsx

@@ -89,7 +89,7 @@ export function CommandMenu({ ...props }: ButtonProps): ReactElement {
         />
         <CommandList>
           <CommandEmpty>No results found.</CommandEmpty>
-          {pages && (
+          {pages && pages.length > 1 && (
             <CommandGroup heading="Suggestions">
               {pages.map(page => {
                 return (

src/app/components/docs/documentation-pages.tsx

@@ -1,40 +0,0 @@
-"use client";
-
-import { DocsContentMetadata } from "@/app/common/documentation";
-import React, { ReactElement } from "react";
-import { DialogClose } from "../ui/dialog";
-import { useRouter } from "next/navigation";
-
-type PagesProps = {
-  /**
-   * The documentation pages to display.
-   */
-  pages: DocsContentMetadata[] | undefined;
-};
-
-export function DocumentationPages({ pages }: PagesProps): ReactElement {
-  const router = useRouter();
-
-  return (
-    <>
-      {pages && pages.length === 0 && <p>No results found</p>}
-
-      {pages &&
-        pages.length > 1 &&
-        pages.map(page => {
-          return (
-            <DialogClose
-              key={page.slug}
-              className="text-left bg-card p-2 rounded-lg"
-              onClick={() => {
-                router.replace(`/docs/${page.slug}`);
-              }}
-            >
-              <h2 className="font-semibold">{page.title}</h2>
-              <p className="text-accent">{page.summary}</p>
-            </DialogClose>
-          );
-        })}
-    </>
-  );
-}