fix: Next.js build fail by wrapping with Suspense boundary

Author: SupakornNetsuwan

examples/ui-playground/src/app/playground/shadcn/page-sidebar.tsx

@@ -1,3 +1,4 @@
+'use client'
 import React, { useEffect } from 'react'
 
 import { MagnifyingGlassIcon } from '@phosphor-icons/react'

examples/ui-playground/src/app/playground/shadcn/page.tsx

@@ -109,7 +109,9 @@ export default function ComboboxPage() {
         </Typography>
         <ToastSection />
       </div>
-      <PageSidebar />
+      <React.Suspense fallback={null}>
+        <PageSidebar />
+      </React.Suspense>
     </div>
   )
 }