Describe the bug

In Pattern "Essential Header Dark," there are design inconsistencies both on the Editor side and the Frontend side, particularly in terms of contrast and spacing.

To reproduce

Editor Side:

1. Insert the "Essential Header Dark" Pattern.
2. Notice the contrast issues with the search button when using the TT4 theme.
3. Observe that there is no space between the "Shop" text and the user icon.

Before

Current

Frontend Side:

1. Preview or publish the page containing the "Essential Header Dark" Pattern.
2. Notice the contrast issues with the search icon.

Before

Current

Expected behavior

Editor Side:

• The search button should have proper contrast to be easily accessible.
• There should be adequate spacing between the "Shop" text and the user icon. All items after the "Shop" text should be aligned to the right corner for better design consistency.

Frontend Side:

• The search icon should have good contrast against its background for better visibility.