first commit

calcom/packages/features/troubleshooter/layout.tsx

@@ -0,0 +1,19 @@
+import type { ComponentProps } from "react";
+import React, { Suspense } from "react";
+
+import type Shell from "@calcom/features/shell/Shell";
+import { ErrorBoundary, Icon } from "@calcom/ui";
+
+export default function TroubleshooterLayout({
+  children,
+}: { children: React.ReactNode } & ComponentProps<typeof Shell>) {
+  return (
+    <div className="flex flex-1 [&>*]:flex-1">
+      <ErrorBoundary>
+        <Suspense fallback={<Icon name="loader" />}>{children}</Suspense>
+      </ErrorBoundary>
+    </div>
+  );
+}
+
+export const getLayout = (page: React.ReactElement) => <TroubleshooterLayout>{page}</TroubleshooterLayout>;