:sparkles: added a test command

frontend/package.json

 {
     "name": "vite-project",
     "version": "0.0.0",
+    "type": "module",
     "scripts": {
         "nodev": "cross-env VITE_DEV=false vite",
         "dev": "cross-env VITE_DEV=true vite",
         "serve": "vite preview",
         "lint": "eslint --ext .js,.vue --fix src",
         "format": "prettier .  --write",
-        "test": "echo 'no tests at this time...'"
+        "test": "ava"
     },
     "dependencies": {
         "joi": "^17.6.0",

frontend/src/components/MainNav.vue

     router-link.w-flex.column(:to='`/chats`')
         w-button.pa5.bdrsr.bd1.sh1(bg-color='primary' disabled)
             w-icon.mr1(xl) mdi mdi-forum
-            p.text-upper chats
+            p.text-upper active chats
     router-link.w-flex.column(:to='`/matches`')
         w-button.pa5.bdrsr.bd1.sh1(bg-color='primary')
             w-icon.mr1(xl) mdi mdi-tooltip-account
-            p.text-upper matches
+            p.text-upper pending matches
     router-link.w-flex.column(:to='`/`')
         w-button.pa5.bdrsr.bd1.sh1(bg-color='primary')
             w-icon.mr1(xl) mdi mdi-home
-            p.text-upper home
+            p.text-upper home queue
     router-link.w-flex.column(:to='`/survey`')
         w-button.pa5.bdrsr.bd1.sh1(bg-color='primary')
             w-icon.mr1(xl) mdi mdi-account-check

frontend/src/views/HomeView.vue

 main.view--home(
     style='display: flex; flex-direction: column; gap: 40px; margin-top: 1em'
 )
-    h2 Match Queue
+    header
+        h2 Match Queue
+
     article(v-if='cards.length && !loading')
         ProfileCardList(:pid='pid' :profiles='cards' @reload='getCards')
 
-    p(v-else) Loading...
-
-    h2 Matches
-    article(v-if='matches.length && !loading')
-        ProfileCardList(:pid='pid' :profiles='matches' @reload='getCards')
-
-    p(v-else-if='matches.length === 0') No matches.
+    p(v-else-if='cards.length === 0') No profiles in match_queue.
     p(v-else) Loading...
 
     MainNav

frontend/src/views/MatchesView.vue

 <template lang="pug">
 main.view--matches.f-col.start.w-full
     header
-        h2 Match Page
+        h2 Matches
 
-    article(v-if="!loading")
-        ProfileCardList(:profiles="cards" :pid="pid" :is-grid="true")
-    
+    article(v-if='matches.length && !loading')
+        ProfileCardList(:pid='pid' :profiles='matches' @reload='getCards')
+
+    p(v-else-if='matches.length === 0') No matches.
     p(v-else) Loading...
-    
+
     MainNav
 </template>
 

frontend/tests/test.js

+import test from 'ava'
+
+test('make sure ava works on the frontend', async t => {
+    t.pass()
+})