:sparkles: adding matcher to watch frontend for match notifications

backend/lib/routes/membership/active.js

                 return g
             })
 
-            request.server.methods.notify(
-                `${profileId}.stonk`,
-                {
-                    name: 'MSHRM',
-                    price: (500 + Math.floor(Math.random() * 100)).toString(),
-                    order: null,
-                    type: 'info',
-                },
-                h,
-            )
-
             try {
                 return {
                     ok: true,

backend/lib/routes/membership/join.js

                     role,
                 )
                 // console.log(memberships)
+                const hasMatch = memberships.every(
+                    membership => membership.is_active == true,
+                )
+                if (hasMatch) {
+                    request.server.methods.notify(
+                        `${profileId}.match`,
+                        {
+                            name: 'Match Fffound',
+                            target: res.target_id,
+                            type: 'info',
+                        },
+                        h,
+                    )
+                }
 
                 return h
                     .response({
                         handler: pluginConfig.handlerType,
                         data: {
                             memberships,
-                            hasMatch: memberships.every(
-                                membership => membership.is_active == true,
-                            ),
+                            hasMatch,
                         },
                     })
                     .code(200)

frontend/src/services/login.service.js

 import { ref } from 'vue'
-import { fetchResponsesByProfileId, Chatter, StonkAlert } from '../services'
+import {
+    fetchResponsesByProfileId,
+    Chatter,
+    StonkAlert,
+    MatchAlert,
+} from '../services'
 import { surveyFactory } from '../utils'
 
 
         this.tags = []
 
         this.toaster = null
+        this.matcher = null
         this.chatter = null
     }
     get isLoading() {
      */
     setupToaster(waveCb) {
         this.toaster = new StonkAlert(this.id.value, waveCb)
+        this.matcher = new MatchAlert(this.id.value, waveCb)
     }
     setupChatter() {
         this.chatter = new Chatter()

frontend/src/services/notification.service.js

         return `${parsed.name}: ${parsed.profile_id} ${parsed.order} at ${parsed.price}`
     }
 }
+class MatchAlert extends Toaster {
+    constructor(profileId, waveCb) {
+        super(profileId)
+        this.event = 'match'
+        this.matches = {}
+        this.listenFor(`${profileId}.${this.event}`, message => {
+            const parsed = JSON.parse(message.data)
+            this.matches[parsed.target] = parsed
+            waveCb(this._formatToast(parsed), parsed.type)
+        })
+    }
+    _formatToast(parsed) {
+        return `${parsed.name}: ${parsed.target}`
+    }
+}
 
-export { Toaster, StonkAlert }
+export { Toaster, StonkAlert, MatchAlert }