[desktop]: Use RepeatPipe from ngxtension

desktop/package.json

@@ -51,6 +51,7 @@
 		"hotkeys-js": "3.13.9",
 		"leaflet": "1.9.4",
 		"ngx-moveable": "0.50.0",
+		"ngxtension": "4.2.0",
 		"primeflex": "3.3.1",
 		"primeicons": "7.0.0",
 		"primeng": "17.18.13",

desktop/src/app/app.module.ts

@@ -6,6 +6,7 @@ import { FormsModule } from '@angular/forms'
 import { BrowserModule } from '@angular/platform-browser'
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations'
 import { NgxMoveableModule } from 'ngx-moveable'
+import { RepeatPipe } from 'ngxtension/repeat-pipe'
 import { AccordionModule } from 'primeng/accordion'
 import { ConfirmationService, MessageService } from 'primeng/api'
 import { BadgeModule } from 'primeng/badge'
@@ -212,6 +213,7 @@ import { SettingsComponent } from './settings/settings.component'
 		NgxMoveableModule,
 		OverlayPanelModule,
 		ProgressBarModule,
+		RepeatPipe,
 		ScrollPanelModule,
 		SelectButtonModule,
 		SidebarModule,

desktop/src/shared/components/indicator.component.ts

@@ -4,7 +4,7 @@ import { Component, input, model, ViewEncapsulation } from '@angular/core'
 	selector: 'neb-indicator',
 	template: `
 		<div class="flex flex-column align-items-center justify-content-center">
-			@for (item of [].constructor(count()); track $index) {
+			@for (item of count() | repeat; track $index) {
 				<span
 					class="indicator"
 					[class.selected]="$index === position()"