[ACS-5645] Property Panel Feature

[AnukritiGL]

Please check if the PR fulfills these requirements

• The commit message follows our guidelines
• Tests for the changes have been added (for bug fixes / features)
• Docs have been added / updated (for bug fixes / features)

What kind of change does this PR introduce? (check one with "x")

• Bugfix
• Feature
• Code style update (formatting, local variables)
• Refactoring (no functional changes, no api changes)
• Build related changes
• Documentation
• Other... Please describe:

What is the current behaviour? (You can also link to an open issue here)
Our current behavior is to have only one edit button which can be used to edit all panels when clicked.
The design of the Property Panel appears outdated, and the title in the InfoDrawer is generic, labeled as "Details."

What is the new behaviour?
The Property Panel design has been revamped for both small and large screens. Additionally, the InfoDrawer now displays file titles with accompanying icons instead of the generic label "Details."

Does this PR introduce a breaking change? (check one with "x")

• Yes
• No

If this PR contains a breaking change, please describe the impact and migration path for existing applications: ...

Other information:
https://alfresco.atlassian.net/browse/ACS-5645

Based on requirements, we've added some new features:

Edit Icon Button: We've added an 'Edit' icon button on each panel. When click this button on a specific panel, that panel becomes editable, allowing you to make changes to its content.
Edit and Clear Button: As per design edit and clear button has been removed from the property panel fields.

Save and Discard Icons: Once you click the 'Edit' button and make changes to a panel, you'll notice two new icons within that panel: 'Save' and 'Discard.' The 'Save' icon lets you save the changes you've made, while the 'Discard' icon allows you to abandon any unsaved modifications and revert to the original content.

Improved Styles: We've also worked on the styles of property panel. The tags and category panels now have a more appealing look, tailored to match figma design.

Expansion Indicator: we've added expansion indicators to the panel headers.

Edit Button Functionality for Aspect Panel: We've implemented an 'Edit' button functionality for the Aspect Panel as well. Similar to the other panels, clicking this button will enable you to edit the content within the Aspect Panel.

Improved Panel Visibility: we have made significant improvements to the overall layout. Now, all panels are visible without the need for any additional buttons like 'More Information' or 'Less Information.

Title and Icon in property Panel: In the collapsed and expanded mode now displays file titles with accompanying icons instead of the generic label "Details."

Dependent PR's:
ACA: Alfresco/alfresco-content-app#3477
ADW: https://github.com/Alfresco/alfresco-applications/pull/459

ui-property.webm

[MichalKinas]

More review comments will be added when we will be able to test it with ACA

[DenysVuika]

still some concerns about implementation, no actions needed as I'm reworking the PR

[sonarqubecloud]

Quality Gate passed

Kudos, no new issues were introduced!

0 New issues
0 Security Hotspots
No data about Coverage
0.5% Duplication on New Code

See analysis details on SonarCloud

[BSekula]

There is one issue with e2es after removing .adf-textitem-clear-icon

Nevertheless after discussing the @rbahirsheth this icon was removed, therefore we can align this e2e