:zap: [Enhance] New Agent button placeholder

css/default.css

@@ -188,3 +188,13 @@ body {
     animation: fa-fade 1.5s infinite linear;
     color: orange;
 }
+
+.explicit-button {
+    background-color: #e9efff;
+    border-width: 1px;
+    box-shadow: 0px 0px 6px 0px rgba(122, 122, 122, 0.4);
+}
+.explicit-button:hover {
+    background-color: lightsalmon;
+    font-weight: bold;
+}

index.html

@@ -67,6 +67,9 @@
             </h5>
         </div>
         <div class="offcanvas-body">
+            <div class="my-0 row no-gutters">
+                <button id="new-agent-button" class="explicit-button">New Agent</button>
+            </div>
             <ul id="chat-agents-sidebar-items" class="navbar-nav justify-content-end flex-grow-1">
             </ul>
         </div>
@@ -76,7 +79,6 @@
                     <i class="fa fa-trash"></i>
                 </button>
             </div>
-
         </div>
     </div>
     <div id="main-container" class="container">