revert updating Angular/Ionic

ui/src/app/pages/apps-routes/app-list/app-list.page.html

@@ -91,7 +91,7 @@
 
         <!-- reordering -->
         <ion-list>
-          <ion-reorder-group *ngIf="reordering" disabled="false" (ionItemReorder)="reorder($event)">
+          <ion-reorder-group *ngIf="reordering" disabled="false" (ionItemReorder)="reorder($any($event))">
             <ion-reorder *ngFor="let pkg of pkgs">
               <ion-item style="--background: var(--ion-color-medium-shade);">
                 <div

ui/src/app/pipes/markdown.pipe.ts

@@ -1,5 +1,5 @@
 import { Pipe, PipeTransform } from '@angular/core'
-import { marked } from 'marked'
+import * as marked from 'marked'
 import * as DOMPurify from 'dompurify'
 
 @Pipe({

ui/src/global.scss

@@ -182,8 +182,14 @@ ion-button {
   white-space: nowrap;
 }
 
+.modal-wrapper.sc-ion-modal-md {
+  border-radius: 6px;
+  border: 2px solid rgba(255,255,255,.03);
+  box-shadow: 0 0 70px 70px black;
+}
+
 .qr-modal {
-  &::part(content) {
+  .modal-wrapper {
     width: 400px !important;
     height: 400px !important;
     top: unset !important;
@@ -191,31 +197,28 @@ ion-button {
   }
 }
 
-ion-modal::part(content) {
+.modal-wrapper {
   position: absolute;
   height: 90% !important;
   top: 5%;
   width: 90% !important;
   left: 5%;
   display: block;
-
-  border-radius: 6px;
-  border: 2px solid rgba(255,255,255,.03);
-  box-shadow: 0 0 70px 70px black;
 }
 
 @media (min-width:1000px) {
-  ion-modal::part(content) {
+  .modal-wrapper {
     position: absolute;
     height: 80% !important;
     top: 10%;
     width: 50% !important;
     left: 25%;
+    display: block;
   }
 }
 
 .alertlike-modal {
-  &::part(content) {
+  .modal-wrapper {
     max-height: 380px !important;
     top: 25% !important;
     width: 90% !important;
@@ -226,7 +229,7 @@ ion-modal::part(content) {
 
 @media (min-width:1000px) {
   .alertlike-modal {
-    &::part(content) {
+    .modal-wrapper {
       width: 60% !important;
       left: 20% !important;
     }