feat(demo): use the new API in demos

Author: javier-godoy

src/test/java/com/flowingcode/vaadin/addons/demo/Demo.java

@@ -30,7 +30,7 @@
 public class Demo extends TabbedDemo {
 
   public Demo() {
-    addDemo(new SampleDemo());
-    addDemo(new SampleDemoDefault());
+    addDemo(SampleDemo.class, "Demo");
+    addDemo(SampleDemoDefault.class);
   }
 }

src/test/java/com/flowingcode/vaadin/addons/demo/SampleDemo.java

@@ -24,12 +24,12 @@
 import com.vaadin.flow.router.PageTitle;
 import com.vaadin.flow.router.Route;
 
-@Route(value = "demo/demo4", layout = Demo.class)
-@PageTitle("Demo 4")
+@Route(value = "demo/no-source", layout = Demo.class)
+@PageTitle("Demo without source")
 public class SampleDemo extends Div {
 
   public SampleDemo() {
-    add(new Span("Demo component with annotations"));
+    add(new Span("Demo component without source"));
   }
 
 }

src/test/java/com/flowingcode/vaadin/addons/demo/SampleDemoDefault.java

@@ -24,8 +24,8 @@
 import com.vaadin.flow.router.PageTitle;
 import com.vaadin.flow.router.Route;
 
-@Route(value = "demo/demo5", layout = Demo.class)
-@PageTitle("Demo 5")
+@Route(value = "demo/demo-with-source", layout = Demo.class)
+@PageTitle("Demo with source")
 @DemoSource
 public class SampleDemoDefault extends Div {