feat: add Form Fieldset UI component

[rasokolovska]

Description

Form Fieldset serves as a container for grouping related form controls, providing a gray frame with a heading to structure and organize form elements. Legend element, identified by the form-fieldset__legend class, specifies the purpose of the grouped elements.

Task Link

Figma Layout

Usage

Base class for the block is form-fieldset. Along with the mandatory base class, it requires the corresponding modifier:

• form-fieldset_for_personal-info
• form-fieldset_for_app-type
• form-fieldset_for_contact-info
• form-fieldset_for_achievements
• form-fieldset_for_impressions

The correct settings for the legend element demand the base class form-fieldset__legend paired with the corresponding modifier:

• form-fieldset__legend_for_app-type
• form-fieldset__legend_for_contact-info
• form-fieldset__legend_for_achievements
• form-fieldset__legend_for_impressions

Example of Usage

<fieldset class="form-fieldset form-fieldset_for_achievements">
  <legend  class="form-fieldset__legend form-fieldset__legend_for_achievements">Ваши безбашенные достижения в путешествии</legend>
  <!-- form controls go here -->
</fieldset>

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

[rasokolovska]

@naumch1k So I have a question, is the solution to this problem to pull the update from the main branch?