[RNMobile] Tweaks to Badge Component's Styling (#32865)

* Update background colour

The background colour of the badge component is updated to a darker gray colour with this commit (from $gray-70 to $gray-dark). This matches the colour of the edit button, which is displayed to the upper right of the image block when selected.

* Update margin and padding

The component's margin and padding is updated with this commit to match the original designs for the badge component.

* Update CHANGELOG.md

* Revert margin change

It was agreed that the original margin of 8px works better for the badge, as it is more vertically aligned with the image block's edit badge. See: #32865 (review)

packages/components/src/mobile/badge/style.scss

@@ -6,10 +6,10 @@
 }
 
 .badge {
-	padding: 10px;
+	padding: 3px 6px;
 	margin: 8px;
 	color: #fff;
 	border-radius: 3px;
-	background-color: $gray-70;
-	border-color: $gray-70;
+	background-color: $gray-dark;
+	border-color: $gray-dark;
 }

packages/react-native-editor/CHANGELOG.md

@@ -14,6 +14,8 @@ For each user feature we should also add a importance categorization label  to i
 ## 1.55.2
 -   [**] Fix incorrect block insertion point after blurring the post title field. [#32831]
 
+-   [*] Tweaks to the badge component's styling, including change of background color and reduced padding. [#32865]
+
 ## 1.55.1
 -   [*] Fix: RNMobile borderRadius value setting [#32717]
 -   [*] Improve unsupported block message for reusable block [#32618]