[ic-text-field] - Investigate increment/decrement arrows for numerical input

## Summary
Investigate replicating the increment and decrement buttons present in the standard html numerical input

## 💬 Description
Example image taken from the [Mozilla web documentation](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/number)

Component consists of two buttons, vertically stacked, inside of the text field.

This functionality already exists on the html input element with a 'type' of 'number'. The buttons only show when hovered

## 💰 User value
Provide an easy way to adjust numbers, especially those that need to be manually increased and decreased

## 📚 User Stories
A user would currently, to change '999' to '1000', would have to delete all of the characters and retype. A built in increment button would reduce this to a single button click.

Start with the ic-text-field component and compare its current numerical-input behavior with the standard HTML input element using type="number" and the linked Mozilla documentation. Define the expected increment and decrement button behavior, including visibility on hover, and confirm the component meets the described user story.

Written by the indexing model from the issue text.