Add internal tools header

Author: davemart-in

client/blocks/reader-post-options-menu/blog-stickers.jsx

@@ -1,14 +1,17 @@
+import { useTranslate } from 'i18n-calypso';
 import PropTypes from 'prop-types';
 import { useBlogStickersQuery } from 'calypso/blocks/blog-stickers/use-blog-stickers-query';
 import ReaderPostOptionsMenuBlogStickerMenuItem from './blog-sticker-menu-item';
 
 const blogStickersOffered = [ 'dont-recommend', 'broken-in-reader', 'a8c-test-blog' ];
 
 function ReaderPostOptionsMenuBlogStickers( { blogId } ) {
+	const translate = useTranslate();
 	const { data: stickers = [] } = useBlogStickersQuery( blogId );
 
 	return (
 		<div className="reader-post-options-menu__blog-stickers">
+			<h3>{ translate( 'Internal tools' ) }</h3>
 			{ blogStickersOffered.map( ( blogStickerName ) => (
 				<ReaderPostOptionsMenuBlogStickerMenuItem
 					key={ blogStickerName }

client/components/popover-menu/style.scss

@@ -100,3 +100,12 @@
 	margin: 4px 0;
 	background: var(--color-neutral-0);
 }
+
+.reader-post-options-menu__blog-stickers h3 {
+	font-size: 13px;
+	color: var(--color-neutral-40);
+	margin: 0;
+	padding: 6px 20px 9px;
+	text-align: left;
+	text-transform: uppercase;
+}