Add scroll to bottom and unread indicator

Author: szuperaz

src/styles/MessageNotification.scss

@@ -10,4 +10,40 @@
   font-size: var(--sm-font);
   bottom: 10px;
   z-index: 101;
+
+  &-right {
+    align-self: flex-end;
+  }
+
+  &-scroll-down {
+    cursor: pointer;
+    display: block;
+    width: 42px;
+    height: 42px;
+    background-size: 14px auto;
+    border-radius: 50%;
+    background: var(--white);
+    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
+
+    &:before {
+      position: absolute;
+      top: calc(50% - 8px);
+      left: calc(50% - 6px);
+      transform: rotate(-45deg);
+      display: block;
+      width: 12px;
+      height: 12px;
+      content: "";
+      border: 2px solid var(--primary-color);
+      border-width: 0px 0 2px 2px;
+    }
+
+    &-unread-count {
+      font-size: 10px;
+      position: relative;
+      left: 50%;
+      transform: translateX(-50%);
+      bottom: 18px;
+    }
+  }
 }