feature: render highlight color in article note

[aaachen]

Issue

Issue: #166

feature: render highlight color in article note
improvement: refactor settings tab into its own file

Description

Two options here for highlight css

1. directly configure color mapping in Omnivore plugin, comes with rounded highlight but user can choose to customize in their css
2. delegate color mapping to Highlightr plugin (by setting corresponding highlight css class). Benefit of this option is more highlight style the plugin supports, con is it's another dependency

• Ensure to pick the css-class style option in Highlightr plugin

Caveat

• Some themes (and plugins like Highlightr) may have global css setting that overwrite the css the omnivore plugin sets, be aware to customize around id. One such theme I've tested with is Prism

Testing

• Unit Test ✅ - PASS src/tests/renderHighlightColorQuote.spec.ts (5.667 s)
• Manual Test ✅ - See screenshots below

Screenshots

• Default setting does not render highlight color

• Settings (configure color mapping in omnivore plugin)

• Settings (configure color mapping in highlightr plugin)

• Article page

• Reference

• Using style of Highlightr plugin

• Refactored settings page with section title grouping together the relevant information

[sywhb]

Look great to me. Really appreciate it as this is one of the biggest request from the users

[sywhb]

@aaachen Sorry I think the develop branch is a bit outdated due to some of the latest work pushed to master branch so I rebased the branch and it created some conflicts 😢

[aaachen]

@aaachen Sorry I think the develop branch is a bit outdated due to some of the latest work pushed to master branch so I rebased the branch and it created some conflicts 😢

@sywhb Fixed the conflicts in respect to master, lmk if you see any problem

p.s. also removed the "Settings for Omnivore Plugin" and "General" headers according to the guideline here

[sywhb]

@aaachen Sorry I think the develop branch is a bit outdated due to some of the latest work pushed to master branch so I rebased the branch and it created some conflicts 😢

@sywhb Fixed the conflicts in respect to master, lmk if you see any problem

p.s. also removed the "Settings for Omnivore Plugin" and "General" headers according to the guideline here

Looks great to me!