[API View] Fix line number on api view (#12713)

Author: AlitzelMendez

src/dotnet/APIView/ClientSPA/src/app/_components/code-panel/code-panel.component.html

@@ -8,8 +8,8 @@
     [attr.data-row-position-in-group]="item.rowPositionInGroup" [attr.data-row-type]="item.type" [ngClass]="getRowClassObject(item)">
     <ng-container *ngIf="item.type === CodePanelRowDatatype.CodeLine || item.type === CodePanelRowDatatype.Documentation">
       <div class="line-actions">
-          <span *ngIf="showLineNumbers" [ngClass]="getLineNumberClassObject(item)">
-            <span class="text-decoration-none" (click)="toggleLineActionMenu($event, index)">{{index+1}}</span>
+          <span *ngIf="showLineNumbers && item.lineNumber > 0" [ngClass]="getLineNumberClassObject(item)">
+            <span class="text-decoration-none" (click)="toggleLineActionMenu($event, index)">{{item.lineNumber}}</span>
             <p-menu appendTo="body" [attr.data-line-action-menu-id]="index" [model]="getLineMenu(item)" [popup]="true">
               <ng-template pTemplate="item" let-item>
                 <span pRipple [attr.data-item-id]="index" class="flex align-items-center p-menuitem-link">
@@ -38,7 +38,7 @@
         [allComments]="allComments"
         [allCodePanelRowData]="codePanelRowData"
         [associatedCodeLine]="getAssociatedCodeLine(item)"
-        [actualLineNumber]="index"
+        [actualLineNumber]="getAssociatedCodeLine(item)?.lineNumber || 0"
         [userProfile]="userProfile"
         [preferredApprovers]="preferredApprovers"
         [reviewId]="reviewId || ''"