I'm unable to fetch Array data From Get API

this is google Console screen shot where API data is visible. But I’m unable to fetch on display.

this is home.html file code

Item Select Company Name : {{user.Detail?.CompanyName}} Sales Type : {{ user.Detail?.UserShareSaleListDataContract?.SalesType }} Sales Price : {{ user.Detail?.UserShareSaleListDataContract?.SalePrice }} Total Shares : {{ user.Detail?.UserShareSaleListDataContract?.TotalShares }}
<div >
  <ion-label>Purchase Shares</ion-label>
  <ion-item class="">

    
    <ion-icon name="cart"></ion-icon>
    <ion-button (click)="increment()" fill="icon-only"><ion-icon name="remove"></ion-icon></ion-button>
  {{count }}
  <ion-button (click)="decrement()" fill="icon-only"><ion-icon name="add"></ion-icon></ion-button>
</ion-item>
</div>

**this is home.ts file code **

import { HttpClient } from ‘@angular/common/http’;
import { Component, OnInit } from ‘@angular/core’;
import { Router } from ‘@angular/router’;
import { BehaviorSubject, } from ‘rxjs’;

@Component({
selector: ‘app-cart’,
templateUrl: ‘./cart.page.html’,
styleUrls: [‘./cart.page.scss’],
})
export class CartPage implements OnInit {

user: any= ;

count = 0;

id: number;
cart = ;
product = ;
item: BehaviorSubject ;

constructor( public httpclient: HttpClient, public router: Router,) {
this.getProduct();
}

ngOnInit() {
}

getProduct(){
// eslint-disable-next-line max-len
this.httpclient.get(‘http://103.154.233.123/Stackeholder/api/UserShare/GetUserShareSalesByUserId?userId=1039&page=1’).subscribe((data: Response) => {
console.log(data);
this.user = data;
});
}

addCart(){
this.router.navigate([‘/add-product’]);
}
}