feat: Use vitest instead of jest, run all the specs anywhere in app/ folder in the CI (#9722)

Due to the pattern `**/specs/*.spec.js` defined in CircleCI, none of the
frontend spec in the folders such as
`specs/<domain-name>/getters.spec.js` were not executed in Circle CI.

This PR fixes the issue, along with the following changes: 
- Use vitest instead of jest
- Remove jest dependancies
- Update tests to work with vitest

---------

Co-authored-by: Muhsin Keloth <muhsinkeramam@gmail.com>

app/javascript/dashboard/store/modules/specs/conversations/actions.spec.js

@@ -15,10 +15,10 @@ const dataToSend = {
 };
 import { dataReceived } from './testConversationResponse';
 
-const commit = jest.fn();
-const dispatch = jest.fn();
+const commit = vi.fn();
+const dispatch = vi.fn();
 global.axios = axios;
-jest.mock('axios');
+vi.mock('axios');
 
 describe('#hasMessageFailedWithExternalError', () => {
   it('returns false if message is sent', () => {
@@ -292,7 +292,7 @@ describe('#actions', () => {
 
   describe('#markMessagesRead', () => {
     beforeEach(() => {
-      jest.useFakeTimers();
+      vi.useFakeTimers();
     });
 
     it('sends correct mutations if api is successful', async () => {
@@ -301,7 +301,7 @@ describe('#actions', () => {
         data: { id: 1, agent_last_seen_at: lastSeen },
       });
       await actions.markMessagesRead({ commit }, { id: 1 });
-      jest.runAllTimers();
+      vi.runAllTimers();
       expect(commit).toHaveBeenCalledTimes(1);
       expect(commit.mock.calls).toEqual([
         [types.UPDATE_MESSAGE_UNREAD_COUNT, { id: 1, lastSeen }],
@@ -321,7 +321,7 @@ describe('#actions', () => {
         data: { id: 1, agent_last_seen_at: lastSeen, unread_count: 1 },
       });
       await actions.markMessagesUnread({ commit }, { id: 1 });
-      jest.runAllTimers();
+      vi.runAllTimers();
       expect(commit).toHaveBeenCalledTimes(1);
       expect(commit.mock.calls).toEqual([
         [

app/javascript/dashboard/store/modules/specs/conversations/mutations.spec.js

@@ -1,11 +1,11 @@
 import types from '../../../mutation-types';
 import { mutations } from '../../conversations';
 
-jest.mock('shared/helpers/mitt', () => ({
+vi.mock('shared/helpers/mitt', () => ({
   emitter: {
-    emit: jest.fn(),
-    on: jest.fn(),
-    off: jest.fn(),
+    emit: vi.fn(),
+    on: vi.fn(),
+    off: vi.fn(),
   },
 }));
 
@@ -116,7 +116,7 @@ describe('#mutations', () => {
     });
 
     it('add message to the conversation if it does not exist in the store', () => {
-      global.bus = { $emit: jest.fn() };
+      global.bus = { $emit: vi.fn() };
       const state = {
         allConversations: [{ id: 1, messages: [] }],
         selectedChatId: -1,
@@ -144,7 +144,7 @@ describe('#mutations', () => {
     });
 
     it('add message to the conversation and emit scrollToMessage if it does not exist in the store', () => {
-      global.bus = { $emit: jest.fn() };
+      global.bus = { $emit: vi.fn() };
       const state = {
         allConversations: [{ id: 1, messages: [] }],
         selectedChatId: 1,
@@ -172,7 +172,7 @@ describe('#mutations', () => {
     });
 
     it('update message if it exist in the store', () => {
-      global.bus = { $emit: jest.fn() };
+      global.bus = { $emit: vi.fn() };
       const state = {
         allConversations: [
           {