:memo: pairsview menu and icon work started #TODO add router navigation to icon images

frontend/src/components/PairsList.vue

@@ -15,7 +15,12 @@ section.pairs-list
                 .idCard
                     h3 {{ pair.profile.name }} {{ pair.profile.pid }}
                     p registered nurse
+        
+        w-button.menu-button(icon="mdi mdi-menu" xl)
 
+        w-menu(activator=".menu-button" arrow right) 
+            w-image(:src="'../../../assets/icons/chat.svg'" :width="20" :height="20")
+            w-image(:src="'../../../assets/icons/calendar.svg'" :width="20" :height="20")
     p(v-else) No {{ tabName }} profiles.
 </template>
 
@@ -30,6 +35,7 @@ const props = defineProps({
         default: 'paired',
     },
 })
+
 </script>
 
 <style lang="sass">
@@ -56,4 +62,13 @@ const props = defineProps({
                 font-size: 16px
             p
                 font-size: 14px
+        
+.w-card__content
+    padding: 22px
+    min-width: 100px
+    display: flex
+    justify-content: space-between
+    border: none
+    background: rgb(17,96,6)
+    background: linear-gradient(90deg, rgba(17,96,6,1) 0%, rgba(17,96,6,1) 50%, rgba(3,136,166,1) 50%, rgba(3,136,166,1) 100%)
 </style>