Localize country name

apps/client/src/app/components/user-detail-dialog/user-detail-dialog.component.ts

@@ -1,4 +1,4 @@
-import { getSum } from '@ghostfolio/common/helper';
+import { getCountryName, getSum } from '@ghostfolio/common/helper';
 import { AdminUserResponse } from '@ghostfolio/common/interfaces';
 import { AdminService, DataService } from '@ghostfolio/ui/services';
 import { GfValueComponent } from '@ghostfolio/ui/value';
@@ -50,6 +50,7 @@ import {
 })
 export class GfUserDetailDialogComponent implements OnInit {
   public baseCurrency: string;
+  public readonly getCountryName = getCountryName;
   public subscriptionsDataSource = new MatTableDataSource<Subscription>();
   public subscriptionsDisplayedColumns = [
     'createdAt',

apps/client/src/app/components/user-detail-dialog/user-detail-dialog.html

@@ -74,7 +74,11 @@
           >
         </div>
         <div class="col-6 mb-3">
-          <gf-value i18n size="medium" [value]="user?.country"
+          <gf-value
+            size="medium"
+            [value]="
+              user?.country ? getCountryName({ code: user.country }) : '-'
+            "
             >Country</gf-value
           >
         </div>