fix(select-modal): match radio styles to iOS native

Author: thetaPC

core/src/components/select-modal/select-modal.ios.scss

@@ -1 +1,24 @@
 @import "./select-modal";
+@import "../item/item.ios.vars";
+@import "../radio/radio.ios.vars";
+
+ion-item {
+  --inner-padding-end: 0;
+}
+
+/**
+ * The bottom border of the item should only be displayed
+ * under the text and not the radio icon.
+ */
+ion-radio::after {
+  @include position(null, null, 0, calc($radio-ios-icon-width + $item-ios-padding-start));
+  position: absolute;
+
+  width: calc(100% - $radio-ios-icon-width - $item-ios-padding-start); /* Adjust width based on the shift */
+
+  border-width: #{0px 0px $item-ios-border-bottom-width 0px};
+  border-style: #{$item-ios-border-bottom-style};
+  border-color: #{$item-ios-border-bottom-color};
+
+  content: "";
+}

core/src/components/select-modal/select-modal.md.scss

@@ -10,10 +10,6 @@ ion-list ion-radio::part(label) {
   @include margin(0);
 }
 
-ion-item {
-  --inner-border-width: 0;
-}
-
 .item-radio-checked {
   --background: #{ion-color(primary, base, 0.08)};
   --background-focused: #{ion-color(primary, base)};

core/src/components/select-modal/select-modal.tsx

@@ -81,6 +81,7 @@ export class SelectModal implements ComponentInterface {
       <ion-radio-group value={checked} onIonChange={(ev) => this.callOptionHandler(ev)}>
         {this.options.map((option) => (
           <ion-item
+            lines="none"
             class={{
               // TODO FW-4784
               'item-radio-checked': option.value === checked,