created banners and added correct icons to resources

Author: kamilszewczyk0

docs/_layouts/static-site-main.html

@@ -6,10 +6,13 @@
   <div id="site-header"></div>
   {% if page.nightlyOf %}
   <aside class="warning">
+    <div class='icon'></div>
+    <div class='content'>
     This is a nightly documentation. The content of this page may not be
     consistent with the current stable version of language. Click
     <a href="{{ page.nightlyOf }}">here</a> to find the stable version of this
     page.
+    </div>
   </aside>
   {% endif %} {{ content }}
   <div class="divider" />

scaladoc/resources/dotty_res/images/banner-icons/error.svg

@@ -0,0 +1,57 @@
+aside {
+  padding: calc(2* var(--base-spacing));
+  font-weight: 400;
+  font-size: 13px;
+  line-height: 16px;
+  margin-bottom: calc(6* var(--base-spacing));
+  border-radius: 4px;
+  display: flex;
+  align-items: center;
+}
+
+aside > .icon {
+  width: 16px;
+  height: 16px;
+  content: url("../../../images/banner-icons/warning.svg");
+  padding-right: var(--base-spacing);
+}
+
+.warning {
+  background-color: var(--semantic-background-yellow);
+}
+
+.warning > .icon {
+   content: url("../../../images/banner-icons/warning.svg");
+}
+
+.success {
+  background-color: var(--semantic-background-grass);
+}
+
+.success > .icon {
+   content: url("../../../images/banner-icons/success.svg");
+}
+
+.neutral {
+  background-color: var(--semantic-background-grey);
+}
+
+.neutral > .icon {
+   content: url("../../../images/banner-icons/neutral.svg");
+}
+
+.info {
+  background-color: var(--semantic-background-sky);
+}
+
+.info > .icon {
+   content: url("../../../images/banner-icons/info.svg");
+}
+
+.error {
+  background-color: var(--semantic-background-red);
+}
+
+.error > .icon {
+   content: url("../../../images/banner-icons/error.svg");
+}

scaladoc/resources/dotty_res/images/banner-icons/info.svg

@@ -534,6 +534,11 @@ trait Resources(using ctx: DocContext) extends Locations, Writer:
       dottyRes("images/package-big.svg"),
       dottyRes("images/thick.svg"),
       dottyRes("images/thick-dark.svg"),
+      dottyRes("images/banner-icons/error.svg"),
+      dottyRes("images/banner-icons/info.svg"),
+      dottyRes("images/banner-icons/neutral.svg"),
+      dottyRes("images/banner-icons/success.svg"),
+      dottyRes("images/banner-icons/warning.svg"),
       searchData(pages),
       scastieConfiguration(),
     )