Triangle of Circular dependency

chat.component.ts

import { Component } from '@angular/core';

import { ModalService } from '../../componentServices/modal/modal.service';

@Component({
  selector: 'app-chat',
  templateUrl: './chat.component.html',
  styleUrls: ['./chat.component.scss'],
})
export class ChatComponent {
  private modalService: ModalService;

  public constructor(modalService: ModalService) {
    this.modalService = modalService;
  }
  
  public async openProfile(): Promise<void> {
    this.modalService.openProfileComponent(this.contact);
  }

  public returnToChatDashboard(): void {
    this.modalService.close();
  }
}

modal.service.ts

import { ModalController } from '@ionic/angular';
import { Injectable } from '@angular/core';
import { ProfileComponent } from '../../components/profile/profile.component';
import { ChatComponent } from '../../components/chat/chat.component';
import { UserData } from '../../interfaces/UserData/userData.interface';

@Injectable({
  providedIn: 'root',
})
export class ModalService {
  private modal: ModalController;
  public constructor(modal: ModalController) {
    this.modal = modal;
  }

  public async openProfileComponent(user: UserData): Promise<void> {
    this.modal.dismiss();
    const profile = await this.modal.create({
      component: ProfileComponent,
      componentProps: {
        contact: user,
      },
    });

    await profile.present();
  }

  public async openChatComponent(user: UserData): Promise<void> {
    this.modal.dismiss();
    const chat = await this.modal.create({
      component: ChatComponent,
      componentProps: {
        contact: user,
      },
    });

    await chat.present();
  }

  public close(): void {
    this.modal.dismiss();
  }
}

profile.component.ts

import { Component } from '@angular/core';

import { ModalService } from '../../componentServices/modal/modal.service';

@Component({
  selector: 'app-profile',
  templateUrl: './profile.component.html',
  styleUrls: ['./profile.component.scss'],
})
export class ProfileComponent {
  private modalService: ModalService;

  public constructor(modalService: ModalService) {
    this.modalService = modalService;
  }
  
  public async openChat(): Promise<void> {
    this.modalService.openChatComponent(this.contact);
  }

  public returnToHome(): void {
    this.modalService.close();
  }
}