refactor: docubook@latest template nextjs-docker

app/layout.tsx

@@ -7,6 +7,7 @@ import { Footer } from "@/components/footer";
 import { SearchProvider } from "@/components/SearchContext";
 import docuConfig from "@/docu.json";
 import "@docsearch/css";
+import "@docubook/mdx-content/styles.css";
 import "@/styles/algolia.css";
 import "@/styles/override.css";
 import "@/styles/globals.css";
@@ -35,9 +36,10 @@ const defaultMetadata: Metadata = {
     locale: "en_US",
     type: "website",
   },
-  other: {
-    "algolia-site-verification": "6E413CE39E56BB62",
-  },
+  /* to implementations domains verification for Algolia with Meta Tag */
+  // other: {
+  //   "algolia-site-verification": "value",
+  // },
 };
 
 // Dynamic Metadata Getter
@@ -60,14 +62,16 @@ export function getMetadata({
       ...defaultMetadata.openGraph,
       title: title || defaultMetadata.openGraph?.title,
       description: description || defaultMetadata.openGraph?.description,
-      images: ogImage ? [
-        {
-          url: ogImage,
-          width: 1200,
-          height: 630,
-          alt: String(title || defaultMetadata.openGraph?.title),
-        },
-      ] : defaultMetadata.openGraph?.images,
+      images: ogImage
+        ? [
+            {
+              url: ogImage,
+              width: 1200,
+              height: 630,
+              alt: String(title || defaultMetadata.openGraph?.title),
+            },
+          ]
+        : defaultMetadata.openGraph?.images,
     },
   };
 }
@@ -91,7 +95,7 @@ export default function RootLayout({
         >
           <SearchProvider>
             <Navbar id="main-navbar" />
-            <main id="main-content" className="sm:container mx-auto w-[90vw] h-auto scroll-smooth">
+            <main id="main-content" className="mx-auto h-auto w-[90vw] scroll-smooth sm:container">
               {children}
             </main>
             <Footer id="main-footer" />