html

<div class="carDetails">
            <div class="descriptionBase"><b>{{(car$ | async)?.brand}} {{(car$ | async)?.model}}</b> {{(car$ | async)?.type}} </div>
            <div class="descriptionPrice"> {{(car$ | async)?.price | currency:'EUR'}}</div>
            <div class="containerUsernameAndStars">
                <div class="descriptionUsername"> {{(car$ | async)?.username}} </div>
               <app-star-rating userId="{{(car$ | async)?.userId}}" size='small'></app-star-rating>
            </div>
            <div class="button"><a routerLink="/buyCar/{{(selectedCar$ | async)}}/{{(car$ | async)?.userId}}"><button class="buyButton">Buy</button></a></div>
        </div>