CSS Commenting + New "Style Editor" snippet menu

[Gazook89]

This builds on PR #1562, awaiting approval.

*my local docker build has issues with font-awesome icons...

Changes

• Renames the "Editor" menu on the text editor to "Text Editor".
• Creates a new snippet menu in the style editor, "Style Editor".
• Moves the Drop Cap snippets to the new "Style Editor" menu.
• Adds a new snippet "Add Comment" to the Style Editor menu that creates a CSS Comment template.
• Minor changes related to the above, and removing some old code comments I left in a previous PR that are not necessary.

Places for improvement

Commenting hotkeys should be updated to reflect the editor pane that is open, so html comments are used in the Text Editor and css comments are used in the Style Editor.

[calculuschild]

Commenting hotkeys should be updated to reflect the editor pane that is open, so html comments are used in the Text Editor and css comments are used in the Style Editor.

Yes we should do this but it can be a separate PR to avoid cluttering this one up. We would just need to pass in the view property to the codeEditor component similar to how we pass it in to the snippetBar component.

[Gazook89]

Just remembered you asked for some dedents here, working on that.

Out of curiosity, what is the difference between this:

gen  : function(){
	    return dedent`
		    {{descriptive
		    ##### Time to Drop Knowledge
		    Use descriptive boxes to highlight text that should be read aloud.
    
		    **Tables and lists** both work within a descriptive box.
		    }}
		    \n`;
    },

and:

gen  : dedent`{{descriptive
		##### Time to Drop Knowledge
		Use descriptive boxes to highlight text that should be read aloud.

		**Tables and lists** both work within a descriptive box.
		}}
		\n`

I see both are used, but no obvious difference.

[calculuschild]

Out of curiosity, what is the difference between [dedent styles]

No real difference. The way it's processed is slightly different, but the result is the same. Probably cleanest to just not use function if it seems to work without it.

As for

dedent`
  {{descriptive

vs

dedent`{{descriptive

They are handled the same; dedent ignores the first line if it is empty. Just a difference of which one you prefer for legibility. (first option takes fewer lines, second option lets you align the first line of text better)

[calculuschild]

Merged! Thanks @Gazook89 🎉