Fix Deprecation in Organization and Service Account Routes

app/components/organization-invitation-list/index.ts

@@ -126,7 +126,7 @@ export default class OrganizationInvitationListComponent extends Component<Organ
   }
 
   get inviteList() {
-    return this.inviteResponse?.toArray() || [];
+    return this.inviteResponse?.slice() || [];
   }
 
   get totalInviteCount() {

app/components/organization-member/list/add-to-team/index.ts

@@ -101,7 +101,7 @@ export default class AddToTeamComponent extends Component<AddToTeamComponentSign
   }
 
   get teamList() {
-    return this.teamResponse?.toArray() || [];
+    return this.teamResponse?.slice() || [];
   }
 
   get totalTeamCount() {

app/components/organization-member/list/index.ts

@@ -90,7 +90,7 @@ export default class OrganizationMemberListComponent extends Component<Organizat
   }
 
   get userList() {
-    return this.userResponse?.toArray() || [];
+    return this.userResponse?.slice() || [];
   }
 
   get totalUserCount() {

app/components/organization-member/list/member-details/index.ts

@@ -51,7 +51,7 @@ export default class MemberDetailsComponent extends Component<MemberDetailsCompo
   }
 
   get teamsList() {
-    return this.teamResponse?.toArray() || [];
+    return this.teamResponse?.slice() || [];
   }
 
   get totalTeamCount() {

app/components/organization-namespace/index.ts

@@ -54,7 +54,7 @@ export default class OrganizationNamespaceComponent extends Component<Organizati
   }
 
   get namespaceList() {
-    return this.namespaceResponse?.toArray() || [];
+    return this.namespaceResponse?.slice() || [];
   }
 
   get totalNamespaceCount() {

app/components/organization-team/add-team-member/index.ts

@@ -58,7 +58,7 @@ export default class OrganizationTeamAddTeamMemberComponent extends Component<Or
   }
 
   get userList() {
-    const list = this.userResponse?.toArray() || [];
+    const list = this.userResponse?.slice() || [];
 
     return list.map((user) => ({
       user,

app/components/organization-team/add-team-project/index.ts

@@ -56,7 +56,7 @@ export default class OrganizationTeamAddTeamProjectComponent extends Component<O
   }
 
   get projectList() {
-    const list = this.projectResponse?.toArray() || [];
+    const list = this.projectResponse?.slice() || [];
 
     return list.map((project: OrganizationProjectModel) => ({
       project,

app/components/organization-team/index.ts

@@ -52,7 +52,7 @@ export default class OrganizationTeamComponent extends Component<OrganizationTea
   }
 
   get teamList() {
-    return this.teamResponse?.toArray() || [];
+    return this.teamResponse?.slice() || [];
   }
 
   get totalTeamCount() {

app/components/organization-team/member-list/index.ts

@@ -53,7 +53,7 @@ export default class OrganizationTeamMemberListComponent extends Component<Organ
   }
 
   get teamMemberList() {
-    return this.teamMemberResponse?.toArray() || [];
+    return this.teamMemberResponse?.slice() || [];
   }
 
   get totalTeamMemberCount() {

app/components/organization-team/project-list/index.ts

@@ -49,7 +49,7 @@ export default class OrganizationTeamProjectListComponent extends Component<Orga
   }
 
   get teamProjectList() {
-    return this.teamProjectResponse?.toArray() || [];
+    return this.teamProjectResponse?.slice() || [];
   }
 
   get totalTeamProjectCount() {

app/components/organization-team/project-list/project-info/index.ts

@@ -1,7 +1,12 @@
 import Component from '@glimmer/component';
 import { inject as service } from '@ember/service';
 import Store from '@ember-data/store';
+import { tracked } from '@glimmer/tracking';
+import { task } from 'ember-concurrency';
+
 import OrganizationProjectModel from 'irene/models/organization-project';
+import ProjectModel from 'irene/models/project';
+import parseError from 'irene/utils/parse-error';
 
 export interface OrganizationTeamProjectListProjectInfoComponentSignature {
   Args: {
@@ -11,10 +16,31 @@ export interface OrganizationTeamProjectListProjectInfoComponentSignature {
 
 export default class OrganizationTeamProjectListProjectInfo extends Component<OrganizationTeamProjectListProjectInfoComponentSignature> {
   @service declare store: Store;
+  @service('notifications') declare notify: NotificationService;
+
+  @tracked teamProject: ProjectModel | null = null;
+
+  constructor(
+    owner: object,
+    args: OrganizationTeamProjectListProjectInfoComponentSignature['Args']
+  ) {
+    super(owner, args);
 
-  get teamProject() {
-    return this.store.findRecord('project', this.args.project.id);
+    this.fetchProjectDetail.perform();
   }
+
+  fetchProjectDetail = task(async () => {
+    try {
+      const project = await this.store.findRecord(
+        'project',
+        this.args.project.id
+      );
+
+      this.teamProject = project;
+    } catch (e) {
+      this.notify.error(parseError(e));
+    }
+  });
 }
 
 declare module '@glint/environment-ember-loose/registry' {

app/models/organization-invitation.ts

@@ -12,10 +12,10 @@ export default class OrganizationInvitationModel extends Model {
   @attr('date')
   declare updatedOn: Date;
 
-  @belongsTo('organization-team')
+  @belongsTo('organization-team', { async: true, inverse: null })
   declare team: AsyncBelongsTo<OrganizationTeamModel>;
 
-  @belongsTo('organization')
+  @belongsTo('organization', { async: true, inverse: null })
   declare organization: AsyncBelongsTo<OrganizationModel>;
 
   resend() {

app/models/organization-team-invitation.ts

@@ -11,7 +11,7 @@ export default class OrganizationTeamInvitationModel extends Model {
   @attr('date')
   declare updatedOn: Date;
 
-  @belongsTo('organization')
+  @belongsTo('organization', { async: true, inverse: null })
   declare organization: AsyncBelongsTo<OrganizationModel>;
 
   async delete() {