:recycle: cleaned and commented code in prep for testing before code review

frontend/src/services/chat.service.js

             
         //  step 1: build the this.groupings object from the backend
         this.getGroupingsByProfileId(this.uuid)
-        //  step 2: build the this.subscriptions array from the this.groupings object
-        console.log('this.subscriptions: ', this.subscriptions)
+        
         //  step 3: subscribe to the this.subscriptions array
+        console.log('this.subscriptions: ', this.subscriptions)
+        
         this._listenFor({ listeners: this.listeners })
         this._subscribe(this.subscriptions)
     }
     _listenFor({ listeners }) {
         providerMethods['listen'](listeners)
     }
-
+    
+    //  step 2: build the this.subscriptions array from the this.groupings object
     // fetch all groupings for this profile and then store them in the chatter groupings object for reference
     async getGroupingsByProfileId(profileId) {
         console.log('fetching groupings for profileId:', profileId)
         const groupings = await fetchMembershipsByProfileId(profileId)
         this.groupings = groupings
+       
         this.createChannelNamesByGroupings(this.groupings)
     }
     // building a list of channel names from the groupings object.grouping_name

frontend/src/services/login.service.js

         this.chatter = new Chatter()
         // Use the reactive id object
         const testAccountUUID = this.id.value
-        this.chatter.setup(testAccountUUID).then(() => {
-            console.log('chatter setup complete')
-           
-        })
-        
+        this.chatter.setup(testAccountUUID)
     }