Adding Search Functionality during Import Preview

[prernaadev01]

Problem description

When Schema/Policy is imported, Guardian allows the user to preview the contents, schemas, Roles, Tokens, Similar policies etc of the imported file. But, in order to preview all the content, we are unable to filter it and hence have to scroll all the way to view complete content.

Requirements

1. Need to update Import Preview UI by adding a Search field box inside the pop up.
2. We should be able to search any text entered in the field with the complete preview content.
3. For example, If the user wants to search if Project Proponent is involved in this policy/Schema, they can just enter the text "Proponent" in the box and Guardian should be able to take the user to that section in the preview pop box by highlighting the text.

Definition of done

1. Update the import preview pop up UI
2. Perform Search functionality within the pop up.
3. Update the documentation accordingly

Acceptance criteria

100% working as mentioned in DOD.

[denischasovskikh]

https://www.figma.com/file/r4opkmPm3TPieVSXTb0pjK/Design-file-(Guardian)?type=design&node-id=1246%3A27209&mode=design&t=JNeKhipmVVYds6vi-1