Dashboard: Refine widget actionable area toolbar styling (#78578)

Use compact icon buttons, xs gap between actions, and position the
toolbar 8px from the widget top-right edge.

Co-authored-by: jameskoster <jameskoster@git.wordpress.org>
Co-authored-by: simison <simison@git.wordpress.org>

Author: jameskoster

routes/dashboard/widget-dashboard/components/widget-toolbar/widget-toolbar.module.css

@@ -4,8 +4,8 @@
  */
 .widgetToolbar {
 	position: absolute;
-	inset-block-start: var(--wpds-dimension-padding-md);
-	inset-inline-end: var(--wpds-dimension-padding-md);
+	inset-block-start: var(--wpds-dimension-padding-sm);
+	inset-inline-end: var(--wpds-dimension-padding-sm);
 	z-index: 1;
 	padding: var(--wpds-dimension-padding-xs);
 	border-radius: var(--wpds-border-radius-md);

routes/dashboard/widget-dashboard/components/widget-toolbar/widget-toolbar.tsx

@@ -40,7 +40,7 @@ export function WidgetToolbar( {
 		<Stack
 			direction="row"
 			align="center"
-			gap="sm"
+			gap="xs"
 			className={ clsx( styles.widgetToolbar, className ) }
 		>
 			{ children }