does this look better?!?!?!?!?

Took 25 minutes

Dockerfile

@@ -13,7 +13,7 @@ FROM base AS builder
 WORKDIR /usr/src/app
 COPY --from=depends /usr/src/app/node_modules ./node_modules
 COPY . .
-ENV NEXT_TELEMETRY_DISABLED 1
+ENV NEXT_TELEMETRY_DISABLED=1
 RUN bun run build
 
 
@@ -34,13 +34,13 @@ COPY --from=builder --chown=nextjs:nextjs /usr/src/app/next.config.mjs ./next.co
 COPY --from=builder --chown=nextjs:nextjs /usr/src/app/package.json ./package.json
 COPY --from=builder --chown=nextjs:nextjs /usr/src/app/docs ./docs
 
-ENV NODE_ENV production
+ENV NODE_ENV=production
 
 # Exposting on port 80 so we can
 # access via a reverse proxy for Dokku
-ENV HOSTNAME "0.0.0.0"
+ENV HOSTNAME="0.0.0.0"
 EXPOSE 80
-ENV PORT 80
+ENV PORT=80
 
 USER nextjs
-CMD node server.js
+CMD ["node", "server.js"]

docker-compose.yml

@@ -6,4 +6,5 @@ services:
     ports:
       - "8080:80"
     volumes:
+      - ./config.json:/usr/src/app/config.json
       - ./docs:/usr/src/app/docs

src/app/layout.tsx

@@ -40,9 +40,9 @@ const RootLayout = async ({
                     enableSystem
                 >
                     <TooltipProvider delayDuration={100}>
-                        <div className="px-3 md:px-7 max-w-screen-2xl min-h-screen mx-auto flex flex-col transition-all">
+                        <div className="px-3 md:px-7 max-w-screen-2xl min-h-screen mx-auto flex flex-col">
                             <Navbar pages={pages} />
-                            <div className="pt-[4.5rem] w-full h-full flex flex-grow gap-5 sm:gap-8 transition-all transform-gpu">
+                            <div className="pt-[4.5rem] w-full h-full flex flex-grow gap-5 sm:gap-8">
                                 <div className="relative hidden xs:flex">
                                     <Sidebar pages={pages} />
                                 </div>

src/components/sidebar/sidebar.tsx

@@ -3,8 +3,6 @@ import SidebarLinks from "@/components/sidebar/sidebar-links";
 import { Sheet, SheetContent, SheetTrigger } from "@/components/ui/sheet";
 import QuickSearchDialog from "@/components/navbar/search-dialog";
 import { AlignRightIcon } from "lucide-react";
-import { Separator } from "@/components/ui/separator";
-import ThemeSwitcher from "@/components/theme-switcher";
 
 const Sidebar = ({ pages }: { pages: DocsContentMetadata[] }): ReactElement => (
     <>
@@ -21,7 +19,7 @@ const Sidebar = ({ pages }: { pages: DocsContentMetadata[] }): ReactElement => (
         </div>
 
         {/* Desktop */}
-        <div className="hidden xs:flex sticky top-[4.5rem] max-h-[calc(100vh-3.5rem)] overflow-y-auto min-w-32 w-40 lg:w-52 py-5 flex-col justify-between transition-all transform-gpu">
+        <div className="hidden xs:flex sticky top-[4.5rem] max-h-[calc(100vh-3.5rem)] min-w-32 w-40 lg:w-52 py-5 flex-col justify-between transition-all transform-gpu overflow-y-auto">
             <SidebarContent pages={pages} />
         </div>
     </>
@@ -42,10 +40,10 @@ const SidebarContent = ({
         </div>
 
         {/* Theme Switcher */}
-        <div className="flex flex-col items-center">
-            <Separator className="mb-3 dark:bg-separator-gradient" />
-            <ThemeSwitcher />
-        </div>
+        {/*<div className="flex flex-col items-center">*/}
+        {/*    <Separator className="mb-3 dark:bg-separator-gradient" />*/}
+        {/*    <ThemeSwitcher />*/}
+        {/*</div>*/}
     </div>
 );