Fixing track access in detail view

src/RunnersMeet.Client/src/app/tracks/track-view/track-view.component.html

@@ -1,23 +1,23 @@
 <div>
-	<label>ID:</label> {{ track.trackId }}
+	<label>ID:</label> {{ track?.trackId }}
 </div>
 <div>
-	<label>Owner:</label> {{ track.owner.userId }} / {{ track.owner.displayName }}
+	<label>Owner:</label> {{ track?.owner?.userId }} / {{ track?.owner?.displayName }}
 </div>
 <div>
-	<label>File Hash:</label> {{ track.fileHash }}
+	<label>File Hash:</label> {{ track?.fileHash }}
 </div>
 <div>
-	<label>Display Name:</label> {{ track.displayName }}
+	<label>Display Name:</label> {{ track?.displayName }}
 </div>
 <div>
-	<label>Distance (m):</label> {{ track.distance }}
+	<label>Distance (m):</label> {{ track?.distance }}
 </div>
 <div>
-	<label>Elevation up (m):</label> {{ track.elevationUp }}
+	<label>Elevation up (m):</label> {{ track?.elevationUp }}
 </div>
 <div>
-	<label>Elevation down (m):</label> {{ track.elevationDown }}
+	<label>Elevation down (m):</label> {{ track?.elevationDown }}
 </div>
 <div>
 	<iframe *ngIf="gpxStudioEmbedUrl" [src]="gpxStudioEmbedUrl" width="100%" height="500" frameborder="0" allowfullscreen></iframe>

src/RunnersMeet.Client/src/app/tracks/track-view/track-view.component.ts

@@ -12,7 +12,7 @@ export class TrackViewComponent {
 	@Input()
 	public trackId: string = '';
 
-	public track: Track = {} as Track;
+	public track: Track | null = null;
 	public gpxStudioEmbedUrl: SafeResourceUrl | null = null;
 
 	public constructor(