feat: initial overview preset report

studio/components/ui/ProductMenu/ProductMenu.tsx

@@ -19,10 +19,12 @@ const ProductMenu: FC<Props> = ({ page, menu }) => {
                 <Menu.Group
                   //@ts-ignore
                   title={
-                    <div className="flex flex-col space-y-2">
-                      <span>{group.title}</span>
-                      {group.isPreview && <Badge color="amber">Not production ready</Badge>}
-                    </div>
+                    group.title ? (
+                      <div className="flex flex-col space-y-2">
+                        <span>{group.title}</span>
+                        {group.isPreview && <Badge color="amber">Not production ready</Badge>}
+                      </div>
+                    ) : null
                   }
                 />
                 <div>

studio/components/ui/ProductMenu/ProductMenu.types.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react'
 
 export interface ProductMenuGroup {
-  title: string
+  title?: string
   isPreview?: boolean
   items: ProductMenuGroupItem[]
 }