fix(icon): update ionicons to flip for rtl (#17196)

- updates to latest ionicons 4.55 and adds rtl test
- includes e2e test for RTL icons

references #17012

core/src/components/app/fonts/ionicons.scss

@@ -1,53 +0,0 @@
-
-// Ionicons Icon Font CSS
-// --------------------------
-// Ionicons CSS for Ionic's <ion-icon> element
-// ionicons-icons.scss has the icons and their unicode characters
-
-$ionicons-font-path: $font-path !default;
-
-@import "ionicons-icons";
-@import "ionicons-variables";
-
-
-@font-face {
-  font-family: "Ionicons";
-  font-style: normal;
-  font-weight: normal;
-  src: url("#{$ionicons-font-path}/ionicons.woff2?v=#{$ionicons-version}") format("woff2"),
-    url("#{$ionicons-font-path}/ionicons.woff?v=#{$ionicons-version}") format("woff"),
-    url("#{$ionicons-font-path}/ionicons.ttf?v=#{$ionicons-version}") format("truetype");
-}
-
-ion-icon {
-  @include font-smoothing();
-
-  @include rtl() {
-    &[aria-label^="arrow"]::before,
-    &[flip-rtl]::before {
-      transform: scaleX(-1);
-    }
-
-    &[unflip-rtl]::before {
-      transform: scaleX(1);
-    }
-  }
-
-  display: inline-block;
-
-  font-family: "Ionicons";
-  font-style: normal;
-  font-variant: normal;
-  font-weight: normal;
-
-  line-height: 1;
-
-  text-rendering: auto;
-  text-transform: none;
-
-  speak: none;
-
-  &::before {
-    display: inline-block;
-  }
-}