feat: Update the design for integration page (#9825)

Combine integrations and applications page into one page. 

<img width="1182" alt="Screenshot 2024-07-23 at 3 30 51 PM"
src="https://github.com/user-attachments/assets/50920a6f-606f-44b3-b1e4-641046a14444">

Major changes:

- The app enabled?, active? checks are all moved to backend.
- The dashboard_apps integration is also now part of the apps.yml file.
- Updated the header design for the new settings pages.
- Merged the folders integrationapps and integrations. 
- Updated the copy to match the size of the card and provide clear
instruction.
- Only the list page is updated in this PR, rest of the pages are yet to
be migrated.


| Integration | Verified | 
| -- | -- |
| Dashboard Apps | ✅ | 
| Dyte | ✅ | 
| Slack | ✅ | 
| Webhooks | ✅ | 
| Dialogflow | ✅ | 
| Google Translate | ✅ | 
| OpenAI | ✅ | 
| Linear | ✅ |

---------

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

package.json

@@ -136,7 +136,7 @@
     "eslint-plugin-jsx-a11y": "6.7.1",
     "eslint-plugin-prettier": "5.0.0",
     "eslint-plugin-storybook": "^0.6.14",
-    "eslint-plugin-vue": "^9.17.0",
+    "eslint-plugin-vue": "^9.27.0",
     "fake-indexeddb": "^6.0.0",
     "husky": "^7.0.0",
     "jsdom": "^24.1.0",