:sparkles: tagList.vue styles in place also update dummy text to match mockup

frontend/src/components/TagList.vue

@@ -1,7 +1,6 @@
 <template lang="pug">
-section.w-flex.row.pb5
-    w-tag(v-for="tag in tags" color="pink-light1" bg-color="pink-light5").w-flex.grow.mr12.pa12
-        w-icon(v-if="icon" class="mr1" sm) {{ icon.family }} {{ icon.family }}-{{ icon.shape }}
+section.w-flex.row.wrap.pb5.justify-space-between
+    w-tag(v-for="tag in tags")
         p {{ tag }}
 </template>
 
@@ -12,9 +11,12 @@ export default {
             required: true,
             type: Array,
             default: () => [
-                'tag one',
-                'tag another thing',
-                'tag something long',
+                'California RN License',
+                'BSN',
+                'Patient Happiness',
+                'ACLS',
+                'Strong Communication',
+                'High Volume',
             ],
         },
         icon: {
@@ -24,3 +26,17 @@ export default {
     data: () => ({}),
 }
 </script>
+
+<style lang="sass">
+    section
+        min-height: 100%
+        .w-tag
+            background-color: #F7F5A6
+            margin: 3px 0
+            p
+                color: #183770
+                padding: 5px
+                font-size: 12px
+                font-weight: bolder
+                text-align: center
+</style>