chore: add disabling of dojo sidebar

Author: ranst91

typescript-sdk/apps/dojo/src/components/layout/main-layout.tsx

@@ -4,11 +4,14 @@ import React, { useState } from "react";
 import { ViewerLayout } from "@/components/layout/viewer-layout";
 import { Sidebar } from "@/components/sidebar/sidebar";
 
-import { usePathname } from "next/navigation";
+import { usePathname, useSearchParams } from "next/navigation";
 import featureConfig from "@/config";
 
 export function MainLayout({ children }: { children: React.ReactNode }) {
   const pathname = usePathname();
+  const searchParams = useSearchParams();
+
+  const sidebarDisabled = searchParams.get("sidebar") === "disabled";
 
   // Extract the current demo ID from the pathname
   const pathParts = pathname.split("/");
@@ -19,7 +22,7 @@ export function MainLayout({ children }: { children: React.ReactNode }) {
     <ViewerLayout showFileTree={false} showCodeEditor={false}>
       <div className="flex h-full w-full overflow-hidden">
         {/* Sidebar */}
-        <Sidebar activeTab={"preview"} readmeContent={""} />
+        {!sidebarDisabled && <Sidebar activeTab={"preview"} readmeContent={""} />}
 
         {/* Content */}
         <div className="flex-1 overflow-auto">