:bug: fixing bad schema import

backend/lib/schemas/profiles.js

 const Joi = require('joi')
 const surveyResponseSchema = require('./responses')
 const userSchema = require('./user')
+const tagSchema = require('./tags')
 
 const singleProfile = Joi.object({
     profile_id: Joi.number(),
     user_email: Joi.string(),
     responses: surveyResponseSchema.list,
     reveal: Joi.array().items(),
-    tags: Joi.array().items(),
+    tags: tagSchema.list,
     user_type: Joi.any(),
     user: userSchema.single,
     profile_description: Joi.string().allow(null, ''),
 
 module.exports = {
     single: singleProfile,
-    list: Joi.array().items(singleProfile).label('profile_list')
+    list: Joi.array().items(singleProfile).label('profile_list'),
 }

backend/lib/schemas/tags.js

+'use strict'
+
+const Joi = require('joi')
+
+const singleTag = Joi.object({
+    tag_id: Joi.number(),
+    tag_category: Joi.string(),
+    tag_description: Joi.string(),
+    is_active: Joi.number().required(),
+}).label('tag_single')
+
+const singleTagAssociation = Joi.object({
+    tag_association_id: Joi.number(),
+    profile_id: Joi.number().required(),
+    membership_id: Joi.number(),
+    tag_id: Joi.number().required(),
+    is_deleted: Joi.boolean().required(),
+}).label('tag_association_single')
+
+module.exports = {
+    association: singleTagAssociation,
+    single: singleTag,
+    list: Joi.array().items(singleTag).label('tag_list'),
+}

frontend/src/components/MainNav.vue

 <template lang="pug">
 nav#main-header
-    button(@click="$emit('show-sidebar')") toggle sidebar
     router-link(:to="`/matches`") matches
     router-link(to='/') home
     router-link(:to="`/survey`") survey

frontend/src/router/index.js

 
 import HomeView from '../views/HomeView.vue'
 import ProfileView from '../views/ProfileView.vue'
+import ChatView from '../views/ChatView.vue'
 import MatchesView from '../views/MatchesView.vue'
 import LoginView from '../views/LoginView.vue'
 import SurveyView from '../views/SurveyView.vue'
         component: ProfileView,
         meta: { requiresAuth: true, requiresCompleteProfile: true },
     },
+    {
+        path: '/chat/:tid',
+        component: ChatView,
+        meta: { requiresAuth: true, requiresCompleteProfile: true },
+    },
     {
         path: `/survey`,
         component: SurveyView,

frontend/src/views/ChatView.vue

+<template lang="pug">
+main.view--chat.f-col.start.w-full
+    header 
+        h2 Chat Page
+ 
+    article(v-if="!loading")
+        h3 {{ profile.id }} 
+            span chatting with: {{ target.profile_id }}
+        p subscriptions: {{ profile.chatter.subscriptions }}
+    p(v-else) Loading...
+
+    MainNav(@show-sidebar="$emit('show-sidebar')")
+</template>
+
+<script>
+import { fetchProfileByProfileId, currentProfile } from '../services'
+
+export default {
+    name: 'ProfileView',
+    data: () => ({
+        loading: true,
+        target: {},
+        profile: currentProfile,
+    }),
+    created() {
+        this.getProfile()
+    },
+    methods: {
+        async getProfile() {
+            this.loading = true
+            try {
+                this.target = await fetchProfileByProfileId(
+                    this.$route.params.tid,
+                )
+            } catch (err) {
+                console.error(err)
+            }
+            this.loading = false
+        },
+    },
+}
+</script>