Implement personalized guides

[forecast]

User Story
As a Ukrainian refugee new to Lithuania, I want to easily access clear and comprehensive guidance tailored to my individual needs and situation, so that I can quickly and efficiently navigate the process of integrating into a new country, without missing any critical steps or wasting time searching for information.

Acceptance Criteria (UA landing page)

1. The UA landing page should have a clearly labelled section with Title “Guides for new arrivals” and Subtitle
2. The "Guides for new arrivals" section should have three clearly labelled tabs for the different user groups: "General Guide," "Guide for Persons with Children," and "Guide for Persons with Disabilities."
3. Each tab should lead to a dedicated page with a step-by-step guide tailored to the specific needs of that user group. 4. Tabs have regular, hover and active states (see the Design System).

Acceptance Criteria (Guide page)

1. Each guide page should have an image at the top, under the header, symbolising new arrivals.
2. The guide page should have breadcrumbs to help users navigate
3. The guide page should have buttons linking to other guides.
4. Guide page should have Title and Subtitle that describes the contents of the guide
5. The step-by-step guides should be presented in a clear and easy-to-follow format, with numbered steps and clear headings.
6. Each step block should have emphasised step number.
7. Each step block should have a drop-down with detailed information in it, so users can access more information if needed.
8. On the first load by default, the first step block should have an open drop-down (on wide screens only)
9. All step blocks can have opened drop-downs, so users can see the whole scope of information available to them.
10. The number of Step blocks on each guide page is not limited.
11. The step blocks must be easily corrected, added or deleted as needed.

Acceptance Criteria (Important information page)

1. Important information page should have a section with Title “Guides for new arrivals” and Subtitle
2. This section should be below “important information” section.
   This section should have 3 guide tabs below the main information tabs block.

Design: https://www.figma.com/file/SbHEfVWgFSozSl1m5oJdmd/Suukraina.lt?node-id=2590%3A43128&t=zFvKm2dX6hzouzXe-4

Guide tabs components in Design System: https://www.figma.com/file/SbHEfVWgFSozSl1m5oJdmd/Suukraina.lt?node-id=2723%3A45308&t=RtMHshVlMq15J26B-4