Chore: Scope URLs with account_id (#601)

* Chore: Enable Users to create multiple accounts

Addresses: #402
- migrations to split roles and other attributes from users table
- make changes in code to accommodate this change

Co-authored-by: Pranav Raj Sreepuram <pranavrajs@gmail.com>

app/javascript/dashboard/components/layout/Sidebar.vue

@@ -43,7 +43,7 @@
         >
           <ul class="vertical dropdown menu">
             <li>
-              <router-link to="/app/profile/settings">
+              <router-link :to="`/app/accounts/${accountId}/profile/settings`">
                 {{ $t('SIDEBAR.PROFILE_SETTINGS') }}
               </router-link>
             </li>
@@ -144,18 +144,18 @@ export default {
         newLink: true,
         key: 'inbox',
         cssClass: 'menu-title align-justify',
-        toState: frontendURL('settings/inboxes'),
+        toState: frontendURL(`accounts/${this.accountId}/settings/inboxes`),
         toStateName: 'settings_inbox_list',
         children: this.inboxes.map(inbox => ({
           id: inbox.id,
           label: inbox.name,
-          toState: frontendURL(`inbox/${inbox.id}`),
+          toState: frontendURL(`accounts/${this.accountId}/inbox/${inbox.id}`),
           type: inbox.channel_type,
         })),
       };
     },
     dashboardPath() {
-      return frontendURL('dashboard');
+      return frontendURL(`accounts/${this.accountId}/dashboard`);
     },
     shouldShowStatusBox() {
       return (
@@ -176,6 +176,9 @@ export default {
     trialMessage() {
       return `${this.daysLeft} ${this.$t('APP_GLOBAL.TRIAL_MESSAGE')}`;
     },
+    accountId() {
+      return this.currentUser.account_id;
+    },
   },
   mounted() {
     this.$store.dispatch('inboxes/get');