feat: adds Text Input UI component

[Woolfs1423]

Description

Inputs are used on the form page. Elements are created to get the last name, first name and middle name of the user.

Task Link

Link to the Figma design

Usage

When you add a new text-input you need to change the placeholder and id for the inputs. Also change the label. The for in the label and the id in the input must be the same, they are connected.

Checklist

Before submitting this pull request, please ensure the following:

• [x] I've validated my HTML with Nu Html Checker, and it outputs no errors
• [x] I've checked my HTML with HTML Tree Generator, and it outputs no errors
• I've ensured that the layout matches the mockup for the following control points:
  • [x] 1200px
  • [x] 660px
  • [x] 320px

[naumch1k]

@MarPostovik @Woolfs1423 Before I proceed with code review, would you please rebase as described here and utilize the newly created --common-transition variable for your component

[Woolfs1423]

@naumch1k Hi! I pulled down the new commits from main and replaced the transition in my component with a variable

[MarPostovik]

Hi @naumch1k . I made changes and resolved conflicts.