fix: modals not reacting after several uses

src/app/modules/map/item/map-item.component.html

@@ -19,17 +19,6 @@
       [item]="$any(item)"
       id="show-more"
     ></stapps-data-list-item>
-    <ion-modal
-      trigger="show-more"
-      [presentingElement]="routerOutlet.nativeEl"
-      canDismiss="true"
-      class="modal-large"
-    >
-      <ng-template>
-        <app-map-single-modal [item]="item" style="height: 100%">
-        </app-map-single-modal>
-      </ng-template>
-    </ion-modal>
     <stapps-skeleton-list-item *ngIf="!item"></stapps-skeleton-list-item>
   </ion-card-header>
   <ion-card-content>
@@ -39,19 +28,12 @@
         {{ address.streetAddress }}, {{ address.addressLocality }}
       </span>
     </ion-note>
-    <ion-button size="small" id="show-more-button" fill="clear">{{
-      'map.page.buttons.MORE' | translate
-    }}</ion-button>
-    <ion-modal
-      trigger="show-more-button"
-      canDismiss="true"
-      [presentingElement]="routerOutlet.nativeEl"
-      class="modal-large"
+    <ion-button
+      size="small"
+      class="show-more-button"
+      fill="clear"
+      [routerLink]="['/data-detail', item.uid]"
+      >{{ 'map.page.buttons.MORE' | translate }}</ion-button
     >
-      <ng-template>
-        <app-map-single-modal [item]="item" style="height: 100%">
-        </app-map-single-modal>
-      </ng-template>
-    </ion-modal>
   </ion-card-content>
 </ion-card>