refactor: completely remove ionic

web/projects/shared/styles/shared.scss

@@ -167,94 +167,6 @@ body {
   user-select: text;
 }
 
-ion-input {
-  caret-color: gray;
-}
-
-ion-alert {
-  .alert-wrapper {
-    --min-width: 320px;
-  }
-}
-
-.swiper {
-  .swiper-slide {
-    display: unset;
-  }
-}
-
-ion-modal {
-  --backdrop-opacity: 0.7;
-  &::part(content) {
-    border-radius: 6px;
-    border: 2px solid rgba(255, 255, 255, 0.03);
-    box-shadow: 0 32px 64px rgba(0, 0, 0, 0.2);
-  }
-}
-
-.alertlike-modal {
-  &::part(content) {
-    max-height: 380px !important;
-    top: 25% !important;
-    width: 90% !important;
-    left: 5% !important;
-    --box-shadow: none !important;
-  }
-}
-
-@media (min-width: 1000px) {
-  ion-modal::part(content) {
-    width: $wide-modal !important;
-    left: calc((100vw - $wide-modal) / 2) !important;
-  }
-
-  .alertlike-modal {
-    &::part(content) {
-      width: $wide-modal !important;
-      left: calc((100vw - $wide-modal) / 2) !important;
-    }
-  }
-
-  ion-alert {
-    .alert-wrapper {
-      --width: 50%;
-      --max-width: 500px;
-    }
-  }
-}
-
-.item-interactive {
-  --highlight-background: var(--ion-color-light) !important;
-}
-
-.hidden-scrollbar {
-  overflow: auto;
-  white-space: nowrap;
-  height: 60px;
-
-  /* Hide scrollbar for Chrome, Safari and Opera */
-  &::-webkit-scrollbar {
-    width: 0;
-    height: 0;
-  }
-
-  /* Hide scrollbar for IE, Edge and Firefox */
-  /* IE and Edge */
-  -ms-overflow-style: none;
-  /* Firefox */
-  scrollbar-width: none;
-}
-
-.divider {
-  background: linear-gradient(
-    90deg,
-    var(--ion-color-light) 0,
-    var(--ion-color-dark) 50%,
-    var(--ion-color-light) 100%
-  );
-  height: 1px;
-}
-
 .loading-dots:after {
   content: '...';
   overflow: hidden;
@@ -265,22 +177,6 @@ ion-modal {
   width: 1em;
 }
 
-.courier-new {
-  font-family: 'Courier New';
-}
-
-.montserrat {
-  font-family: 'Montserrat', sans-serif !important;
-}
-
-.color-success-shade {
-  color: var(--ion-color-success-shade);
-}
-
-.color-primary-shade {
-  color: var(--ion-color-primary-shade);
-}
-
 @keyframes ellipsis-dot {
   25% {
     content: '';
@@ -299,37 +195,12 @@ ion-modal {
   }
 }
 
-.alert-error-message {
-  .alert-title {
-    color: var(--ion-color-danger);
-  }
-}
-
-.alert-warning-message {
-  .alert-title {
-    color: var(--ion-color-warning);
-  }
-}
-
-.alert-success-message {
-  .alert-title {
-    color: var(--ion-color-success);
-  }
-}
-
 a {
   cursor: pointer;
   color: inherit;
   text-decoration: none;
 }
 
-.modal-buttons {
-  display: flex;
-  justify-content: flex-end;
-  gap: 16px;
-  margin-top: 24px;
-}
-
 /* marketplace */
 .background-border {
   border-radius: 0.75rem;