♻️ Migrate debug playground to modern component syntax (#9367)

Signed-off-by: tmimmanuel <155203395+tmimmanuel@users.noreply.github.com>
Co-authored-by: tmimmanuel <155203395+tmimmanuel@users.noreply.github.com>
Co-authored-by: Andrey Antukh <niwi@niwi.nz>

frontend/src/app/main/ui.cljs

@@ -19,7 +19,7 @@
    [app.main.store :as st]
    [app.main.ui.context :as ctx]
    [app.main.ui.debug.icons-preview :refer [icons-preview*]]
-   [app.main.ui.debug.playground :refer [playground]]
+   [app.main.ui.debug.playground :refer [playground*]]
    [app.main.ui.ds.product.loader :refer [loader*]]
    [app.main.ui.error-boundary :refer [error-boundary*]]
    [app.main.ui.exports.files]
@@ -215,7 +215,7 @@
 
        :debug-playground
        (when *assert*
-         [:& playground])
+         [:> playground*])
 
        (:dashboard-search
         :dashboard-recent

frontend/src/app/main/ui/debug/playground.cljs

@@ -5,9 +5,8 @@
    [beicon.v2.core :as rx]
    [rumext.v2 :as mf]))
 
-(mf/defc playground-clipboard
-  {::mf/wrap-props false
-   ::mf/private true}
+(mf/defc playground-clipboard*
+  {::mf/private true}
   []
   (let [on-paste (mf/use-fn
                   (fn [e]
@@ -42,10 +41,9 @@
 
     [:button#paste {:on-click on-click} "Paste"]))
 
-(mf/defc playground
-  {::mf/wrap-props false
-   ::mf/private true}
+(mf/defc playground*
+  {::mf/private true}
   []
-  [:& playground-clipboard])
+  [:> playground-clipboard*])