[Documentation] Move About below Examples in Toast docs

Author: djalmaaraujo

docs/app/views/docs/toast.rb

@@ -27,6 +27,12 @@ def view_template
         description: "An opinionated toast component."
       )
 
+      Heading(level: 2) { "Examples" }
+      Heading(level: 3) { "Types" }
+      div(class: "grid gap-4 sm:grid-cols-2", data: {controller: "toast-demo"}) do
+        EXAMPLES.each { |ex| example_box(ex) }
+      end
+
       Heading(level: 2) { "About" }
       p(class: "text-muted-foreground text-sm leading-relaxed") do
         plain "Trigger toasts from the server with Turbo Streams or from JavaScript via "
@@ -41,12 +47,6 @@ def view_template
         plain "."
       end
 
-      Heading(level: 2) { "Examples" }
-      Heading(level: 3) { "Types" }
-      div(class: "grid gap-4 sm:grid-cols-2", data: {controller: "toast-demo"}) do
-        EXAMPLES.each { |ex| example_box(ex) }
-      end
-
       Heading(level: 2) { "Mount" }
       div(class: "rounded-md border bg-muted/30 p-4") do
         Codeblock(<<~RUBY, syntax: :ruby)