impl command menu and change theme colors

src/app/(pages)/docs/[[...slug]]/page.tsx

@@ -13,6 +13,7 @@ import {
 import { capitalizeFirstLetter } from "@/app/common/string-utils";
 import { notFound } from "next/navigation";
 import { GithubLink } from "@/app/components/docs/github-link";
+import { CommandMenu } from "@/app/components/command-menu";
 
 type DocumentationPageParams = {
   params: {
@@ -87,7 +88,9 @@ export default function Page({ params: { slug } }: DocumentationPageParams) {
           </BreadcrumbList>
         </Breadcrumb>
 
-        <GithubLink page={page} />
+        <div className="flex flex-row gap-2 items-center">
+          <GithubLink page={page} />
+        </div>
       </div>
 
       {/* The documentation page title and description */}

src/app/(pages)/docs/layout.tsx

@@ -1,15 +0,0 @@
-import React, { ReactElement } from "react";
-import { Sidebar } from "@/app/components/docs/sidebar";
-
-export default function RootLayout({
-  children,
-}: Readonly<{
-  children: React.ReactNode;
-}>): ReactElement {
-  return (
-    <div className="w-full flex flex-col items-center gap-2 h-full md:flex-row md:items-start">
-      <Sidebar />
-      {children}
-    </div>
-  );
-}