Fix: Remove play button from guide example (#1118)

* fix: Remove play button from guide example

* Update index.md

* update other examples

docs/guide/src/en/describing_ui/index.md

@@ -1,35 +1,42 @@
 # Describing the UI
 
-Dioxus is a *declarative* framework. This means that instead of telling Dioxus what to do (e.g. to "create an element" or "set the color to red") we simply *declare* what we want the UI to look like using RSX.
+Dioxus is a _declarative_ framework. This means that instead of telling Dioxus what to do (e.g. to "create an element" or "set the color to red") we simply _declare_ what we want the UI to look like using RSX.
 
 You have already seen a simple example of RSX syntax in the "hello world" application:
 
-```rust
+```rust, no_run
 {{#include ../../../examples/hello_world_desktop.rs:component}}
 ```
 
-Here, we use the `rsx!` macro to *declare* that we want a `div` element, containing the text `"Hello, world!"`. Dioxus takes the RSX and constructs a UI from it.
+Here, we use the `rsx!` macro to _declare_ that we want a `div` element, containing the text `"Hello, world!"`. Dioxus takes the RSX and constructs a UI from it.
 
 ## RSX Features
 
 RSX is very similar to HTML in that it describes elements with attributes and children. Here's an empty `div` element in RSX, as well as the resulting HTML:
 
-```rust
+```rust, no_run
 {{#include ../../../examples/rsx_overview.rs:empty}}
 ```
+
 ```html
 <div></div>
 ```
 
-
 ### Attributes
 
 Attributes (and [listeners](../interactivity/index.md)) modify the behavior or appearance of the element they are attached to. They are specified inside the `{}` brackets, using the `name: value` syntax. You can provide the value as a literal in the RSX:
-```rust
+
+```rust, no_run
 {{#include ../../../examples/rsx_overview.rs:attributes}}
 ```
+
 ```html
-<a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ" class="primary_button" autofocus="true" style="color: red"></a>
+<a
+  href="https://www.youtube.com/watch?v=dQw4w9WgXcQ"
+  class="primary_button"
+  autofocus="true"
+  style="color: red"
+></a>
 ```
 
 > Note: All attributes defined in `dioxus-html` follow the snake_case naming convention. They transform their `snake_case` names to HTML's `camelCase` attributes.
@@ -40,26 +47,27 @@ Attributes (and [listeners](../interactivity/index.md)) modify the behavior or a
 
 Dioxus has a pre-configured set of attributes that you can use. RSX is validated at compile time to make sure you didn't specify an invalid attribute. If you want to override this behavior with a custom attribute name, specify the attribute in quotes:
 
-```rust
+```rust, no_run
 {{#include ../../../examples/rsx_overview.rs:custom_attributes}}
 ```
+
 ```html
-<b customAttribute="value">
-</b>
+<b customAttribute="value"> </b>
 ```
 
 ### Interpolation
 
 Similarly to how you can [format](https://doc.rust-lang.org/rust-by-example/hello/print/fmt.html) Rust strings, you can also interpolate in RSX text. Use `{variable}` to Display the value of a variable in a string, or `{variable:?}` to use the Debug representation:
 
-```rust
+```rust, no_run
 {{#include ../../../examples/rsx_overview.rs:formatting}}
 ```
+
 ```html
 <div class="country-es" position="(42, 0)">
-    <div>ES</div>
-    <div>42</div>
-    <div>{}</div>
+  <div>ES</div>
+  <div>42</div>
+  <div>{}</div>
 </div>
 ```
 
@@ -67,14 +75,15 @@ Similarly to how you can [format](https://doc.rust-lang.org/rust-by-example/hell
 
 To add children to an element, put them inside the `{}` brackets after all attributes and listeners in the element. They can be other elements, text, or [components](components.md). For example, you could have an `ol` (ordered list) element, containing 3 `li` (list item) elements, each of which contains some text:
 
-```rust
+```rust, no_run
 {{#include ../../../examples/rsx_overview.rs:children}}
 ```
+
 ```html
 <ol>
-    <li>First Item</li>
-    <li>Second Item</li>
-    <li>Third Item</li>
+  <li>First Item</li>
+  <li>Second Item</li>
+  <li>Third Item</li>
 </ol>
 ```
 
@@ -82,7 +91,7 @@ To add children to an element, put them inside the `{}` brackets after all attri
 
 You can render multiple elements at the top level of `rsx!` and they will be automatically grouped.
 
-```rust
+```rust, no_run
 {{#include ../../../examples/rsx_overview.rs:manyroots}}
 ```
 
@@ -95,9 +104,10 @@ You can render multiple elements at the top level of `rsx!` and they will be aut
 
 You can include arbitrary Rust expressions as children within RSX that implements [IntoDynNode](https://docs.rs/dioxus-core/0.3/dioxus_core/trait.IntoDynNode.html). This is useful for displaying data from an [iterator](https://doc.rust-lang.org/stable/book/ch13-02-iterators.html#processing-a-series-of-items-with-iterators):
 
-```rust
+```rust, no_run
 {{#include ../../../examples/rsx_overview.rs:expression}}
 ```
+
 ```html
 <span>DIOXUS0123456789</span>
 ```
@@ -106,9 +116,10 @@ You can include arbitrary Rust expressions as children within RSX that implement
 
 In addition to iterators you can also use for loops directly within RSX:
 
-```rust
+```rust, no_run
 {{#include ../../../examples/rsx_overview.rs:loops}}
 ```
+
 ```html
 <div>0</div>
 <div>1</div>
@@ -122,9 +133,10 @@ In addition to iterators you can also use for loops directly within RSX:
 
 You can also use if statements without an else branch within RSX:
 
-```rust
+```rust, no_run
 {{#include ../../../examples/rsx_overview.rs:ifstatements}}
 ```
+
 ```html
 <div>true</div>
-```
+```