WidgetDrawer.tsx

Inline styling

<div style={{ position: 'sticky', top: 0, zIndex: 100, display: 'flex', justifyContent: 'flex-end', padding: 'var(-pf-tglobalspacer-md)' }}>
 

Enhance the interface to customize text and accessibility labels

For example:
{{aria-label="Close widget drawer"

Add widgets}}
 
Is hard coded. We should extend the accessibility coverage and provide a customization interface. This will be required for translated apps.

Unnecessary void functions

onDragStart={() => {
onDragEnd={() => {}}}}