feat(global-header): added config for default header components

[ciiay]

Description

• Added config for default application header components
• Added extra common icons
• Updated support to "tech-preview"

Which issue(s) does this PR fix

• Fixes RHIDP-5252

PR acceptance criteria

Please make sure that the following steps are complete:

• GitHub Actions are completed and successful
• Unit Tests are updated and passing
• E2E Tests are updated and passing
• Documentation is updated if necessary (requirement for new features)
• Add a screenshot if the change is UX/UI related

How to test changes / Special notes to the reviewer

1. Pull changes in rhdh-plugins PR to your local and in workspaces/global-header/plugins/global-header/ directory run npx --yes @janus-idp/cli package export-dynamic-plugin --dynamic-plugins-root <path-to-your-rhdh>/dynamic-plugins-root --dev
2. Pull changes in this PR to your local rhdh, in app-config.local file:

dynamicPlugins:
  rootDirectory: dynamic-plugins-root
  frontend:
    red-hat-developer-hub.backstage-plugin-global-header:
      mountPoints:
        - mountPoint: application/header
          importName: GlobalHeader
          config:
            layout:
              position: above-main-content
              # position: above-sidebar
        - mountPoint: application/header/component
          importName: SearchComponent
          config:
            type: search
            enabled: true
            slot: header-start
            priority: 100
        - mountPoint: application/header/component
          importName: CreateDropdown
          config:
            type: dropdown_button
            enabled: true
            key: create
            slot: header-start
            priority: 90
        - mountPoint: application/header/component
          importName: HeaderIconButton
          config:
            type: icon_button
            enabled: true
            slot: header-start
            priority: 80
            props:
              icon: support
              tooltip: Support
        - mountPoint: application/header/component
          importName: HeaderIconButton
          config:
            type: icon_button
            enabled: true
            slot: header-start
            priority: 70
            props:
              icon: notifications
              tooltip: Notifications
        - mountPoint: application/header/component
          importName: ProfileDropdown
          config:
            type: dropdown_button
            enabled: true
            key: profile
            slot: header-end
            priority: 0

Note: "support" and "notifications" are just for UI display for now.

Screen recording:

rhidp_5252.mp4

[openshift-ci]

[APPROVALNOTIFIER] This PR is NOT APPROVED

This pull-request has been approved by:
Once this PR has been reviewed and has the lgtm label, please assign rm3l for approval. For more information see the Code Review Process.

The full list of commands accepted by this bot can be found here.

Needs approval from an approver in each of these files:

• OWNERS

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment

[github-actions]

The image is available at:

• quay.io/rhdh-community/rhdh:pr-2263 or
• quay.io/rhdh-community/rhdh:pr-2263-3c47b552

[ciiay]

/test e2e-tests

[github-actions]

The image is available at:

• quay.io/rhdh-community/rhdh:pr-2263 or
• quay.io/rhdh-community/rhdh:pr-2263-bd346191

[github-actions]

The image is available at:

• quay.io/rhdh-community/rhdh:pr-2263 or
• quay.io/rhdh-community/rhdh:pr-2263-174e3088

[github-actions]

The image is available at:

• quay.io/rhdh-community/rhdh:pr-2263 or
• quay.io/rhdh-community/rhdh:pr-2263-94399801

[github-actions]

The image is available at:

• quay.io/rhdh-community/rhdh:pr-2263 or
• quay.io/rhdh-community/rhdh:pr-2263-524c84b0