feat: Add Contacts page (#1335)

Co-authored-by: Sojan <sojan@pepalo.com>
Co-authored-by: Pranav Raj Sreepuram <pranavrajs@gmail.com>

app/javascript/dashboard/components/layout/Sidebar.vue

@@ -30,7 +30,7 @@
       <availability-status />
     </div>
 
-    <div class="bottom-nav">
+    <div class="bottom-nav app-context-menu">
       <transition name="menu-slide">
         <div
           v-if="showOptionsMenu"
@@ -405,4 +405,7 @@ export default {
     }
   }
 }
+.app-context-menu {
+  height: 6rem;
+}
 </style>

app/javascript/dashboard/components/widgets/EmptyState.vue

@@ -1,12 +1,11 @@
 <template>
   <div class="row empty-state">
-    <h3 class="title">{{title}}</h3>
-    <p class="message">{{message}}</p>
+    <h3 class="title">{{ title }}</h3>
+    <p class="message">{{ message }}</p>
     <slot />
   </div>
 </template>
 <script>
-
 export default {
   props: {
     title: String,