fix: boards perf with shallow

apps/client/src/modules/boards/stores/boards.ts

@@ -1,22 +1,23 @@
-import { ref } from 'vue'
+import { ref, shallowRef, triggerRef } from 'vue'
 import { acceptHMRUpdate, defineStore } from 'pinia'
 import type { Board, BoardRow } from '../types'
 
 export const useBoardsStore = defineStore('boards', () => {
-  const boards = ref<BoardRow[]>([])
+  const boards = shallowRef<BoardRow[]>([])
   const board = ref<Board>()
 
   function removeBoards(idxs: string[]) {
     idxs.forEach((id) => {
       const index = boards.value.findIndex(board => board._id === id)
       if (index !== -1) {
         boards.value.splice(index, 1)
+        triggerRef(boards)
       }
     })
   }
 
   function addBoard(board: Board) {
-    boards.value.push(board)
+    boards.value = [...boards.value, board]
   }
 
   return {