Improve copy for managing a block's style variations

The copy in question was: "Manage style variations, saved block appearence presets."

There's a typo (appearence should be appearance), and grammar — but I think we can do better all around. It's not clear where "block appearance presets" came from, but it seems like a fancier way to say "style variations".

Together we came to the best copy for this issue, considering accessibility.

I also made the copy translatable.

Props richtabor, ndiego, ntsekouras.
Fixes WordPress#48050.

packages/edit-site/src/components/global-styles/context-menu.js

@@ -44,7 +44,7 @@ const {
 	overrideSettingsWithSupports,
 } = unlock( blockEditorPrivateApis );
 
-function ContextMenu( { name, parentMenu = '' } ) {
+function ContextMenu( { blockName, name, parentMenu = '' } ) {
 	const [ rawSettings ] = useGlobalSetting( '', name );
 	const supports = useSupportedStyles( name );
 	const settings = useMemo(
@@ -127,7 +127,11 @@ function ContextMenu( { name, parentMenu = '' } ) {
 					</NavigationButtonAsItem>
 				) }
 				{ hasVariationsPanel && (
-					<ScreenVariations name={ name } path={ parentMenu } />
+					<ScreenVariations
+						blockName={ blockName }
+						name={ name }
+						path={ parentMenu }
+					/>
 				) }
 				{ isBlocksPanel && canEditCSS && (
 					<>

packages/edit-site/src/components/global-styles/screen-block.js

@@ -20,6 +20,7 @@ function ScreenBlock( { name } ) {
 			<ContextMenu
 				parentMenu={ '/blocks/' + encodeURIComponent( name ) }
 				name={ name }
+				blockName={ blockType.title }
 			/>
 		</>
 	);

packages/edit-site/src/components/global-styles/screen-variations.js

@@ -15,7 +15,8 @@ import ScreenHeader from './header';
 import BlockPreviewPanel from './block-preview-panel';
 import Subtitle from './subtitle';
 
-export function ScreenVariations( { name, path = '' } ) {
+export function ScreenVariations( props ) {
+	const { blockName, name, path } = props;
 	const hasVariationsPanel = useHasVariationsPanel( name, path );
 
 	if ( ! hasVariationsPanel ) {
@@ -24,7 +25,11 @@ export function ScreenVariations( { name, path = '' } ) {
 	return (
 		<div className="edit-site-global-styles-screen-variations">
 			<VStack spacing={ 3 }>
-				<p>Manage style variations, saved block appearence presets.</p>
+				<p>
+					{ __( 'Customize variations of the block:' ) +
+						' ' +
+						blockName }
+				</p>
 				<Subtitle>{ __( 'Style Variations' ) }</Subtitle>
 				<VariationsPanel name={ name } />
 			</VStack>