Use correct height value for emoji picker rows

The constant that represents emoji row height is 2px too small, which
means that categories with many rows will end up with overflowed row(s)
at the end.

Changelog: fixed

app/assets/javascripts/emoji/constants.js

@@ -34,7 +34,7 @@ export const CATEGORY_ICON_MAP = {
 /* eslint-enable @gitlab/require-i18n-strings */
 
 export const EMOJIS_PER_ROW = 9;
-export const EMOJI_ROW_HEIGHT = 34;
+export const EMOJI_ROW_HEIGHT = 36;
 export const CATEGORY_ROW_HEIGHT = 37;
 
 export const CACHE_VERSION_KEY = 'gl-emoji-map-version';

spec/frontend/emoji/components/utils_spec.js

@@ -22,7 +22,7 @@ describe('getFrequentlyUsedEmojis', () => {
       frequently_used: {
         emojis: [[EMOJI_THUMBS_UP, EMOJI_THUMBS_DOWN]],
         top: 0,
-        height: 71,
+        height: 73,
       },
     });
   });
@@ -36,7 +36,7 @@ describe('getFrequentlyUsedEmojis', () => {
       frequently_used: {
         emojis: [[EMOJI_THUMBS_UP, EMOJI_THUMBS_DOWN]],
         top: 0,
-        height: 71,
+        height: 73,
       },
     });
   });