:recycle: a little more mixin sprinkling

frontend/src/components/SideBar.vue

 
 <script>
 import Messages from './Messages.vue'
+import { mixins } from '../utils'
 
 export default {
     components: { Messages }, 
-    props: {
-        pid: {
-            required: true,
-            type: Number
-        }
-    },
+    mixins: [ mixins.pidMixin ],
     data: () => ({
         switchToPID: null,
         matches: [

frontend/src/views/HomeView.vue

     components: { ProfileCardList },
     mixins: [ mixins.pidMixin, mixins.cardMixin ],
     methods: {
-        /** Gets called from pidMixins */
+        /** Gets called from cardMixin */
         async getCards() {
             this.loading = true
             try {

frontend/src/views/MatchesView.vue

     components: { ProfileCardList },
     mixins: [ mixins.pidMixin, mixins.cardMixin ],
     methods: {
-        /** Gets called from pidMixins */
+        /** Gets called from cardMixin */
         async getCards() {
             this.loading = true
             try {