EPIC Goal

Add the ability to Add Company Logo component to global header

Background/Feature Origin

By default, the Company Logo is displayed in the Sidebar using a default RHDH logo.
Users can customize this by providing their own logo via app.branding.fullLogo and app.branding.iconLogo.
To hide the Company Logo from the Sidebar, users can set app.sidebar.logo to false.

We are now extending this functionality to allow users to also:

• Display the Company Logo in the Global Header
• Configure its position in the Global Header
• Provide a custom icon
• Define a navigation path

Example configuration:

    - mountPoint: global.header/component
                importName: CompanyLogo
                config:
                  priority: 200
                  props:
                    logo: 'xxxxx'
                    fullLogo: 'xxxxxxx'
                    to: '/'

Acceptance Criteria

1. Company Logo
   • Users should be able to add a Company Logo to the Global Header via configuration.
   • Users should be able to configure the position of the Company Logo in the Global Header using the priority field.
   • The Company Logo should display the custom image or icon provided via configuration.
   • Clicking on the Company Logo should redirect the user to the specified path (to value).
2. User profile icon: The profile dropdown should show an avatar when the user profile contains a profile picture (URL)
3. End-to-End (E2E) tests should be added or updated to cover the new Company Logo behavior in the Global Header.
4. Documentation should be updated to reflect the configuration options and usage.