:recycle: move user swap to sidebar

frontend/src/components/Sidebar.vue

 <template lang="pug">
-
-aside.sidebar.p-1
+aside.sidebar.p-1.f-col.between
     h3 Messages
     .search
         input
         label search
 
     messages(:title="title" :users="users")
+    .spacer.f-grow
+    .temp-control-box.f-row.start.center
+        p.t-up.p-0 current user
+        input(v-model='mypid' style="width: 50px")
+        button(@click="$emit('updatePid', mypid)").t-up.p-0 switch
 </template>
 
 <script>
     components: { messages }, 
     data: () => ({
         title:'Messages from Matches',
-        uid: 111,
+        mypid: 45,
         users: [
             {
                 name: 'Bob McRob',
             },
         ],
     }),
+    created() {
+        this.$emit('updatePid', this.mypid)
+    }
 }
 </script>
 

frontend/src/views/home.vue

 <template lang="pug">
-sidebar
+sidebar(@updatePid="setPid")
 main.f-col.start.w-full
     article#home(v-if='!loading')
         h1(v-if='user') {{ user.user_name }}
         profile-card-list(:profiles='swipables' :pid='parseInt(mypid)' @reloadQueue='getQueue')
-        input(v-model='mypid')
-        button(@click='getQueue') Submit
     p(v-else) Loading...
     main-nav
 </template>
         mypid: null,
         loading: true
     }),
-    async created() {
-        // this.mypid = auth.currentUser?.mypid || "99999";
-        this.mypid = 45
-        // Uncomment below to use for batch file data
-        // this.processProfilesFromBatch(this.parseBatch([batch_10, batch_20, batch_30]))
-        this.getQueue()
-    },
     methods: {
+        setPid(pid) {
+            this.mypid = pid
+            this.getQueue()
+        },
         async getQueue() {
             this.loading = true
             const queueList = await fetchQueueByProfileId(this.mypid)
                     }
                 formattedList.push(formatted)
             })
-            console.log('formattedList', formattedList)
-            // formattedList.reverse()
             this.swipables = formattedList
         },
         // For Batch Data Parsing & Processing
                 })
                 this.swipables.push(p)
             })
-            console.log('swipables', this.swipables)
         },
     },
 }