:lipstick: added images to start dev on name-plate for profile card

frontend/assets/sass/main.scss

 @import 'icons';
 
 
-
+// Global Styles
 html {
     background-color: $black;
     font-size: $base-font-size;

frontend/src/components/NamePlate.vue

                 span.text-capitalize(v-if='isList')
                     span.text-capitalize | {{ locale }}
             p.text-capitalize(v-if='!isList') {{ pronouns }}
+            img(src='../../assets/images/woman-1.jpg', alt='Profile image')
 </template>
 
 <script>
         flex-direction: column
         align-items: center
         justify-content: center
-        padding: 15px
         min-height: 10vh
         width: 100%
         &.box
-            background-color: #D5D5D5
             border-radius: 6px
             height: 15vw
             width: 15vw

frontend/src/components/ProfileCard.vue

 import PairingButton from './PairingButton.vue'
 
 const router = useRouter()
-// const isPaired = ref(true)
-const isPaired = ref(false)
+const isPaired = ref(true)
+// const isPaired = ref(false)
 
 const props = defineProps({
     card: {
     footer
         margin-bottom: 22px
         p
-            font-family: Source Pro, CenturyGothic, AppleGothic, sans-serif
+            font-family: Source Pro, AppleGothic, sans-serif
             margin: 11px auto
             padding: 0 7px
             line-height: 1.619em

frontend/src/components/ProfileCardList.vue

         flex-wrap: wrap
         flex-direction: column
 
+
 .more-results
     margin-bottom: 2em
-
-@media (min-width: $tablet) 
-    section.profile-card-list.xs12.w-flex > article
-        display: flex
-        flex-wrap: wrap
-        flex-direction: row
-    
-
-
-@media (max-width: $tablet) 
-    section.profile-card-list.xs12.w-flex > article
-        display: flex
-        flex-wrap: wrap
-        flex-direction: column
-    
-
-
 </style>