feat: Inbox list API integration (#8825)

* feat: Inbox view

* feat: Bind real values

* chore: code cleanup

* feat: add observer

* fix: Inbox icon

* chore: more code cleanup

* chore: Replace conversation id

* chore: Minor fix

* chore: Hide from side bar

* chore: Fix eslint

* chore: Minor fix

* fix: dark mode color

* chore: Minor fix

* feat: Add description for each notification types

* chore: remove commented code

* Update InboxList.vue

* Update InboxView.vue

* chore: fix specs

* fix: specs

* Update InboxView.vue

---------

Co-authored-by: iamsivin <iamsivin@gmail.com>
Co-authored-by: Sivin Varghese <64252451+iamsivin@users.noreply.github.com>

app/javascript/dashboard/routes/index.js

@@ -5,7 +5,6 @@ import dashboard from './dashboard/dashboard.routes';
 import store from '../store';
 import { validateLoggedInRoutes } from '../helper/routeHelpers';
 import AnalyticsHelper from '../helper/AnalyticsHelper';
-import { FEATURE_FLAGS } from 'dashboard/featureFlags';
 
 const routes = [...dashboard.routes];
 
@@ -42,16 +41,6 @@ export const validateAuthenticateRoutePermission = (to, next, { getters }) => {
     return '/app/login';
   }
 
-  // Open inbox view if inbox view feature is enabled, else redirect to dashboard
-  // TODO: Remove this code once inbox view feature is enabled for all accounts
-  const isInboxViewEnabled = store.getters['accounts/isFeatureEnabledGlobally'](
-    user.account_id,
-    FEATURE_FLAGS.INBOX_VIEW
-  );
-  if (to.name === 'inbox_index' && !isInboxViewEnabled) {
-    return next(frontendURL(`accounts/${user.account_id}/dashboard`));
-  }
-
   if (!to.name) {
     return next(frontendURL(`accounts/${user.account_id}/dashboard`));
   }