[Woo POS] Accessibility improvements iOS17+

[iamgabrielma]

Ref: #14919 (review)

In some views we need to set upper bounds to accessibility sizes so we can still fit all the elements. For example in the case of Cash Collection when the keyboard is open it will take half of the screen, risking buttons being hidden. This can be improved with the usage of .safeAreaPadding

Since we still need a fallback while we support iOS16, we need to create several extensions that would apply the view modifiers conditionally based on iOS versions. For the case above:

extension View {
    @ViewBuilder
    func safeAreaPaddingIfAvailable(_ edges: Edge.Set, _ length: CGFloat) -> some View {
        if #available(iOS 17.0, *) {
            self.safeAreaPadding(edges, length)
        } else {
            self.padding(edges, length)
        }
    }
}

struct ConditionalDynamicTypeSizeModifier: ViewModifier {
    func body(content: Content) -> some View {
        if #available(iOS 17, *) {
            // On iOS 17 and above, do not limit the dynamic type size
            content
        } else {
            // On iOS 16 or lower, apply the .dynamicTypeSize(...Accessibility1) (or other) limit
            content.dynamicTypeSize(...DynamicTypeSize.accessibility1)
        }
    }
}

extension View {
    /// Applies `.dynamicTypeSize(...DynamicTypeSize.accessibility1)` only on iOS < 17.
    func conditionalDynamicTypeSizeLimit() -> some View {
        modifier(ConditionalDynamicTypeSizeModifier())
    }
}

In the case above for cash collection, combining these a keyboard height observer and applying the modifiers to the ScrollView would make this scrollable despite the keyboard.

                .safeAreaPaddingIfAvailable(.bottom, keyboardObserver.keyboardHeight)
                .scrollDismissesKeyboard(.interactively)

[dangermattic]

Thanks for reporting! 👍