Scenes: Add textbox var to scenes demo (#64313)

* Scenes: Add textbox var to scenes demo

* Upgrade scenes version

---------

Co-authored-by: Ivan Ortega <ivanortegaalba@gmail.com>

public/app/features/scenes/scenes/variablesDemo.tsx

@@ -10,6 +10,7 @@ import {
   DataSourceVariable,
   TestVariable,
   NestedScene,
+  TextBoxVariable,
 } from '@grafana/scenes';
 
 import { DashboardScene } from '../dashboard/DashboardScene';
@@ -55,6 +56,10 @@ export function getVariablesDemo(): DashboardScene {
           name: 'ds',
           query: 'testdata',
         }),
+        new TextBoxVariable({
+          name: 'textbox',
+          value: 'default value',
+        }),
       ],
     }),
     body: new SceneFlexLayout({
@@ -72,6 +77,11 @@ export function getVariablesDemo(): DashboardScene {
                     alias: 'handler: $handler',
                   }),
                 }),
+                new SceneCanvasText({
+                  text: 'Text: ${textbox}',
+                  fontSize: 20,
+                  align: 'center',
+                }),
                 new SceneCanvasText({
                   placement: { width: '40%' },
                   text: 'server: ${server} pod:${pod}',