Style settings page header

[yscik]

Fixes 163-gh-Automattic/wpjm-addons

Also moved the Save button to the header, because it can be hard to find/remember sometimes when the page is long.

• Added the styled header to the Marketplace page too.

Changes Proposed in this Pull Request

• Add a header with logo to the Settings and Marketplace changes
• Tweak some colors and spacing, set max width
• Move the Save Changes button to the header, make it change color when there are changes to save
• Fix some scroll jumping
• Fix search in the Marketplace page going to the old ..-addons URL
• Update the outdated lost license link in the License page

Testing Instructions

• Open the Job Manager → Settings page, click around, change some settings, make sure everything works right
• Also check out the Job Manager → Marketplace page

Release Notes

• Update design for settings and marketplace pages

Screenshot / Video

---

Plugin build for 0b81e90
📦 Download plugin zip
▶️ Open in playground

[masteradhoc]

Looks great @yscik!

[mikeyarce]

Looks great @yscik !

Added a few small escaping things.

I also found one small issue - which I think are actually not new but might be good to address?

When in a mobile view, if you click on something like "Job Submission" - there's a margin-bottom: 1px which is pushing the other elements below it:

This CSS seems to fix it:

.nav-tab.nav-tab-active {
  margin-bottom: 0;
}

[yscik]

Thanks! Improved the escaping and did some fixes for mobile, with smaller logo, non-sticky header and a save button in the bottom.

[mikeyarce]

Looks really good! 🎉