feat: add message for when a board has no threads

Author: Anthony Kinsey

src/views/Threads.vue

@@ -56,14 +56,17 @@
     </table>
 
     <!-- Thread Sorting Controls -->
-    <div class="thread-sort">Sort <a href="" @click.prevent="setSortField()">{{ threadData.data.desc === true ? 'descending' : 'ascending' }}</a> by
+    <div class="centered-text" v-if="!threadData?.data?.thread_count">
+      <h4>There are currently no threads in this board, start a new thread to get the conversation going!</h4>
+    </div>
+    <div class="thread-sort" v-if="threadData && threadData.data && threadData.data.thread_count">Sort <a href="" @click.prevent="setSortField()">{{ threadData.data.desc === true ? 'descending' : 'ascending' }}</a> by
       <select v-model="sortField" name="select-thread-sort" class="select-clean" @change="setSortField()">
         <option v-for="item in sortItems" :key="item.value" :value="item.value">{{item.label}}</option>
       </select>
     </div>
 
     <!-- Thread Listing -->
-    <table class="threads-list" v-if="threadData && threadData.data">
+    <table class="threads-list" v-if="threadData && threadData.data && threadData.data.thread_count">
       <caption>Threads</caption>
       <thead>
         <tr>