Resolved: NgFor doesn’t display data

@Component({
  selector: 'app-project',
  templateUrl: './project.component.html',
  styleUrls: ['./project.component.css']
})
export class ProjectComponent implements OnInit {
public project: Project[]=[];
public editProject!:Project;
public deleteProject!:Project;
public teams!:Teams[];

title:any;
  constructor(private projectService: ProjectService, private _rotue:Router) { }

  ngOnInit(): void {
    this.getProject();
  }

  public getProject(): void {
    this.projectService.getProject().subscribe(
      (response) => {
        this.project = response;
        console.log(this.project);
      },
      (error: HttpErrorResponse) => {
        alert(error.message);
      }
    );

<div *ngFor="let projects of project" class="cards">
       <div class="card m-b-30">
          <div class="card-body row">
             <div class="col-1">
                
             </div>
             <div class=" card-title align-self-center mb-0">
                <h5>Name of Project: {{projects?.name}}</h5>
                <p class="m-0">Name of team: {{projects?.teams.name}}</p>
             </div>

 {       
        "id":"34,
        "name":"Projekt",
        "priority":"wysoki",
        "teams":[{
                "id":2,
                "name":"DruzynaA",
                "leader":"Wojtek"
            }]}

<p class="m-0">Name of team: {{projects?.teams[index].name}}</p>