[Feature]: Improve Arrow styling

[zernonia]

Describe the feature

The current arrow polygon is difficult to style especially if we want to achieve the following stlye.
Will refactor the inner svg polygon to cater for this.

Additional information

• I intend to submit a PR for this feature.
• I have already implemented and/or tested this feature.

[zernonia]

Thinking of adding another prop to render a rounded corner one, as the rounded corner couldn't be done by css