docs(multiple): fix examples on small screens (#31741)

Author: wagnermaciel

src/components-examples/cdk-experimental/listbox/cdk-listbox-configurable/cdk-listbox-configurable-example.css

@@ -1,5 +1,6 @@
 .example-listbox-controls {
   display: flex;
+  flex-wrap: wrap;
   align-items: center;
   gap: 16px;
   padding-bottom: 16px;

src/components-examples/cdk-experimental/radio-group/radio-common.css

@@ -1,5 +1,6 @@
 .example-radio-controls {
   display: flex;
+  flex-wrap: wrap;
   align-items: center;
   gap: 16px;
   padding-bottom: 16px;

src/components-examples/cdk-experimental/tabs/cdk-tabs-common.css

@@ -1,5 +1,6 @@
 .example-tablist-controls {
   display: flex;
+  flex-wrap: wrap;
   align-items: center;
   gap: 16px;
   padding-bottom: 16px;

src/components-examples/cdk-experimental/toolbar/toolbar-common.css

@@ -8,6 +8,7 @@
 
 .example-toolbar-controls {
   display: flex;
+  flex-wrap: wrap;
   align-items: center;
   gap: 16px;
   padding-bottom: 4px;

src/components-examples/cdk-experimental/tree/tree-common.css

@@ -1,5 +1,6 @@
 .example-tree-controls {
   display: flex;
+  flex-wrap: wrap;
   align-items: center;
   gap: 16px;
   margin-bottom: 16px;
@@ -16,6 +17,8 @@
   padding: 10px;
   border: 1px solid var(--mat-sys-outline);
   border-radius: var(--mat-sys-corner-extra-small);
+  overflow-x: scroll;
+  min-width: 24rem;
 }
 
 .example-tree-item {

src/dev-app/cdk-experimental-tree/cdk-tree-demo.css

@@ -1,11 +1,10 @@
 .example-tree-grid {
   display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
+  grid-template-columns: repeat(auto-fit, 100%);
   gap: 20px;
 }
 
 .example-tree-container {
-  width: 500px;
   display: flex;
   flex-direction: column;
   justify-content: flex-start;