Fix notifications badge on web (#8347)

* Add notificationCountWeb style

* Apply styles.notificationCountWeb to BottomBarWeb NavItem

src/view/shell/bottom-bar/BottomBarStyles.tsx

@@ -30,6 +30,11 @@ export const styles = StyleSheet.create({
     borderRadius: 6,
     zIndex: 1,
   },
+  notificationCountWeb: {
+    paddingTop: 3,
+    paddingBottom: 3,
+    borderRadius: 12,
+  },
   notificationCountLight: {
     borderColor: colors.white,
   },

src/view/shell/bottom-bar/BottomBarWeb.tsx

@@ -265,7 +265,7 @@ const NavItem: React.FC<{
       {children({isActive})}
       {notificationCount ? (
         <View
-          style={styles.notificationCount}
+          style={[styles.notificationCount, styles.notificationCountWeb]}
           aria-label={_(
             msg`${plural(notificationCount, {
               one: '# unread item',