:memo: Made notes to aid in future refactor

frontend/src/components/ProfileCard.vue

 import PairingButton from './PairingButton.vue'
 
 const router = useRouter()
-const isPaired = ref(true)
+// NOTE: toggle to use for testing pairing
+// const isPaired = ref(true)
+const isPaired = ref(false)
 
 const props = defineProps({
     card: {

frontend/src/services/grouping.service.js

                     `/profile/${profileId}/tags/${grouping.grouping_id}`,
                 )
                 grouping.tags = [...targetTags, ...profileTags]
+                // NOTE: ref([]) allows to re render ChatView.vue revealed info upon reveal,
+                // but does not persist...
                 grouping.revealedFromNotification = ref([])
                 grouping._loading.value = false
                 validGroupingInstances.push(grouping)

frontend/src/services/notification.service.js

             const target_desc = parsed.description
             tagFromNotification[target_desc] = parsed.revealed_info
             foundGrouping.profile.reveal.push(tagFromNotification)
+            // NOTE: because revealedFromNotification is a ref() in
+            // grouping.service.js, ChatView.vue can render revealed info
+            // immediately, but will not persist
             foundGrouping.revealedFromNotification.value.push(tagFromNotification)
         }
     }

frontend/src/views/ChatView.vue

                 button(@click='reveal(8)') reveal my email
                 // TODO: Remove later, only for testing
                 button(@click='checkData()') check data
-            // BUG: grouping.revealed[profile.id.value] needs to be deduped
+            // TODO: Refactor, what if two people have the same name, etc.?
+            // NOTE: see notes in services/grouping.service.js and
+            // services/notification.service.js
             p you revealed:
                 span(v-if="grouping.revealed[profile.id.value]")
                     ul(v-for="reveal in grouping.revealed[profile.id.value]")
                         li {{ reveal.description }}: {{ profile._profile[reveal.description] }}
-            // BUG: they revealed doesn't persist, both for loops are currently necessary
             p they revealed:
-                // BUG: persists, but doesn't display upon reveal
-                span(v-if="grouping.revealed[target.profile_id]")
-                    ul(v-for="reveal in grouping.revealed[target.profile_id]")
-                        li {{ reveal.description }}: {{ target[reveal.description] }}
-            // BUG: reveals, but does not persist
+            // BUG: persists, but doesn't display upon reveal
+            span(v-if="grouping.revealed[target.profile_id]")
+                ul(v-for="reveal in grouping.revealed[target.profile_id]")
+                    li {{ reveal.description }}: {{ target[reveal.description] }}
+            // BUG: reveals immediately, but does not persist
             ul(v-for="revealed in grouping.revealedFromNotification")
                 li(v-if="revealed[revealed.tag_description] !== profile._profile[revealed.tag_description]") {{ revealed.tag_description }}: {{ revealed[revealed.tag_description] }}