feat(edit-content): implement relationship field data table with mock data

[nicobytes]

Parent Issue

#30523

Proposed Changes

This pull request includes several changes to the core-web library, focusing on improvements to the dot-select-existing-content component and its associated files. The changes involve updates to the SCSS file, HTML templates, TypeScript components, and the addition of new tests. Here are the most important changes:

SCSS Changes:

• Updated the primary tint color in _colors.scss from $color-palette-primary-200 to $color-palette-primary-100.

HTML Template Changes:

• Added a condition to display the hint only if the field type is not RELATIONSHIP in dot-edit-content-field.component.html.
• Removed the pagination HTML structure from pagination.component.html and added a new structure with conditional layout based on $currentPageReportLayout.

TypeScript Component Changes:

• Added output import and defined onSelectItems signal to emit selected items in dot-select-existing-content.component.ts. [1] [2]
• Replaced Content type with RelationshipFieldItem and updated the store to use tapResponse for handling content loading in existing-content.store.ts. [1] [2]

Test Additions:

• Added a new test suite for DotSelectExistingContentComponent to validate dialog visibility, selected items state, and apply button label in dot-select-existing-content.component.spec.ts.

These changes enhance the functionality and maintainability of the dot-select-existing-content component and its related parts.

Checklist

• Tests
• Translations
• Security Implications Contemplated (add notes if applicable)

This PR fixes: #30523

[mergify]

⚠️ The sha of the head commit of this PR conflicts with #30794. Mergify cannot evaluate rules on this PR. ⚠️

Copilot reviewed 5 out of 15 changed files in this pull request and generated no suggestions.

Files not reviewed (10)

• core-web/libs/dotcms-scss/shared/_colors.scss: Language not supported
• core-web/libs/edit-content/src/lib/components/dot-edit-content-field/dot-edit-content-field.component.html: Language not supported
• core-web/libs/edit-content/src/lib/fields/dot-edit-content-relationship-field/components/dot-select-existing-content/components/pagination/pagination.component.html: Language not supported
• core-web/libs/edit-content/src/lib/fields/dot-edit-content-relationship-field/components/dot-select-existing-content/dot-select-existing-content.component.html: Language not supported
• core-web/libs/edit-content/src/lib/fields/dot-edit-content-relationship-field/components/pagination/pagination.component.html: Language not supported
• core-web/libs/edit-content/src/lib/fields/dot-edit-content-relationship-field/dot-edit-content-relationship-field.component.html: Language not supported
• core-web/libs/edit-content/src/lib/fields/dot-edit-content-relationship-field/dot-edit-content-relationship-field.component.scss: Language not supported
• core-web/libs/edit-content/src/lib/fields/dot-edit-content-relationship-field/dot-edit-content-relationship-field.component.ts: Evaluated as low risk
• core-web/libs/edit-content/src/lib/fields/dot-edit-content-relationship-field/components/dot-select-existing-content/dot-select-existing-content.component.ts: Evaluated as low risk
• core-web/libs/edit-content/src/lib/fields/dot-edit-content-relationship-field/components/pagination/pagination.component.ts: Evaluated as low risk

Comments skipped due to low confidence (1)

core-web/libs/edit-content/src/lib/fields/dot-edit-content-relationship-field/services/relationship-field.service.ts:73

• [nitpick] The hardcoded language values should be made configurable or documented clearly to avoid confusion.

language: faker.helpers.arrayElement(['English (en-us)', 'Spanish (es-es)', 'French (fr-fr)']),

[nicobytes]

2024-12-05.16-56-26.mp4

Resposive

2024-12-05.17-01-10.mp4

Copilot reviewed 5 out of 15 changed files in this pull request and generated no suggestions.

Files not reviewed (10)

• core-web/libs/dotcms-scss/shared/_colors.scss: Language not supported
• core-web/libs/edit-content/src/lib/components/dot-edit-content-field/dot-edit-content-field.component.html: Language not supported
• core-web/libs/edit-content/src/lib/fields/dot-edit-content-relationship-field/components/dot-select-existing-content/components/pagination/pagination.component.html: Language not supported
• core-web/libs/edit-content/src/lib/fields/dot-edit-content-relationship-field/components/dot-select-existing-content/dot-select-existing-content.component.html: Language not supported
• core-web/libs/edit-content/src/lib/fields/dot-edit-content-relationship-field/components/pagination/pagination.component.html: Language not supported
• core-web/libs/edit-content/src/lib/fields/dot-edit-content-relationship-field/dot-edit-content-relationship-field.component.html: Language not supported
• core-web/libs/edit-content/src/lib/fields/dot-edit-content-relationship-field/dot-edit-content-relationship-field.component.scss: Language not supported
• core-web/libs/edit-content/src/lib/fields/dot-edit-content-relationship-field/dot-edit-content-relationship-field.component.ts: Evaluated as low risk
• core-web/libs/edit-content/src/lib/fields/dot-edit-content-relationship-field/components/dot-select-existing-content/dot-select-existing-content.component.ts: Evaluated as low risk
• core-web/libs/edit-content/src/lib/fields/dot-edit-content-relationship-field/components/pagination/pagination.component.ts: Evaluated as low risk

Comments skipped due to low confidence (1)

core-web/libs/edit-content/src/lib/fields/dot-edit-content-relationship-field/services/relationship-field.service.ts:73

• The 'language' property should be consistent with the application's supported languages. Ensure that the values are not randomly generated.

language: faker.helpers.arrayElement(['English (en-us)', 'Spanish (es-es)', 'French (fr-fr)']),