Added icons, helperfunction and new fancy notice message

Added icons from webcrunch resp. heroicons
Added helperfunction to display inline svg with the plugin inline-svg
Implemented fancy notice message webcrunch. Realy nice but does only
work with javascript on.

app/javascript/controllers/flash_controller.js

@@ -0,0 +1,29 @@
+import { Controller } from "@hotwired/stimulus";
+
+// Connects to data-controller="flash"
+export default class extends Controller {
+  static targets = ["toast"];
+
+  connect() {
+    requestAnimationFrame(() => {
+      this.toastTarget.classList.remove("translate-x-full");
+      this.toastTarget.classList.add("translate-x-0");
+    });
+
+    setTimeout(() => {
+      this.dismiss();
+    }, 5000);
+  }
+
+  dismiss() {
+    this.toastTarget.classList.add(
+      "opacity-0",
+      "transition-opacity",
+      "duration-300",
+      "translate-x-full"
+    );
+    setTimeout(() => {
+      this.toastTarget.remove();
+    }, 300);
+  }
+}

app/javascript/controllers/hello_controller.js

@@ -1,7 +0,0 @@
-import { Controller } from "@hotwired/stimulus"
-
-export default class extends Controller {
-  connect() {
-    this.element.textContent = "Hello World!"
-  }
-}