[Feature Request] Add support for more shapes

**Is your feature request related to a problem? Please describe.**
Currently, only the border shape with outer and inner corners is supported.

**Describe the solution you'd like**
Implement more shapes, for example, this cloudy-shape:

**Describe alternatives you've considered**
n/a

**Additional context**
n/a

Start by inspecting the existing implementation that supports border shapes with outer and inner corners. Define which additional shapes are in scope, including the pictured cloudy shape, then verify that each selected shape renders correctly around highlighted text and text fields.

Written by the indexing model from the issue text.