Use Disabled element to prevent interaction with Archives Block edi…

…tor view

Use of `pointer-events` to disable interaction was problematic. It
didn't disabled the dropdown version of the block and it doesn't prevent
keyboard interaction.

The Disabled component handles these situations.

core-blocks/archives/block.js

@@ -6,6 +6,7 @@ import {
 	PanelBody,
 	ServerSideRender,
 	ToggleControl,
+	Disabled,
 } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
 
@@ -18,8 +19,6 @@ import {
 	BlockControls,
 } from '@wordpress/editor';
 
-import './editor.scss';
-
 class ArchivesBlock extends Component {
 	constructor() {
 		super( ...arguments );
@@ -75,7 +74,9 @@ class ArchivesBlock extends Component {
 						controls={ [ 'left', 'center', 'right' ] }
 					/>
 				</BlockControls>
-				<ServerSideRender key="archives" block="core/archives" attributes={ attributes } />
+				<Disabled>
+					<ServerSideRender key="archives" block="core/archives" attributes={ attributes } />
+				</Disabled>
 			</Fragment>
 		);
 	}