feat(v4): Update the campaigns page design (#10371)

<img width="1439" alt="Screenshot 2024-10-30 at 8 58 12 PM"
src="https://github.com/user-attachments/assets/26231270-5e73-40fb-9efa-c661585ebe7c">


Fixes
https://linear.app/chatwoot/project/campaign-redesign-f82bede26ca7/overview

---------

Co-authored-by: Pranav <pranavrajs@gmail.com>
Co-authored-by: Shivam Mishra <scm.mymail@gmail.com>

app/javascript/dashboard/store/modules/specs/campaigns/getters.spec.js

@@ -5,36 +5,8 @@ describe('#getters', () => {
   it('get ongoing campaigns', () => {
     const state = { records: campaigns };
     expect(getters.getCampaigns(state)('ongoing')).toEqual([
-      {
-        id: 1,
-        title: 'Welcome',
-        description: null,
-        account_id: 1,
-        campaign_type: 'ongoing',
-        message: 'Hey, What brings you today',
-        enabled: true,
-        trigger_rules: {
-          url: 'https://github.com',
-          time_on_page: 10,
-        },
-        created_at: '2021-05-03T04:53:36.354Z',
-        updated_at: '2021-05-03T04:53:36.354Z',
-      },
-      {
-        id: 3,
-        title: 'Thanks',
-        description: null,
-        account_id: 1,
-        campaign_type: 'ongoing',
-        message: 'Thanks for coming to the show. How may I help you?',
-        enabled: false,
-        trigger_rules: {
-          url: 'https://noshow.com',
-          time_on_page: 10,
-        },
-        created_at: '2021-05-03T10:22:51.025Z',
-        updated_at: '2021-05-03T10:22:51.025Z',
-      },
+      campaigns[0],
+      campaigns[2],
     ]);
   });