Updated Text component extraLarge and large text sizes

• Updated:
- Text component extraLarge and large text sizes
- GifPickerModal, UserStat component contains extraLarge text

app/javascript/gabsocial/components/modal/gif_picker_modal.js

@@ -262,7 +262,7 @@ class GifCategoriesCollection extends PureComponent {
                   src={category.image}
                 />
                 <div className={[_s.default, _s.posAbs, _s.videoPlayerControlsBackground, _s.right0, _s.bottom0, _s.left0, _s.py10, _s.px10].join(' ')}>
-                  <Text color='white' weight='bold' size='large'>
+                  <Text color='white' weight='bold' size='extraLarge'>
                     {category.searchterm}
                   </Text>
                 </div>

app/javascript/gabsocial/components/text.js

@@ -103,7 +103,8 @@ export default class Text extends PureComponent {
       colorWhite: color === COLORS.white,
       inherit: color === COLORS.inherit,
 
-      fs19PX: size === SIZES.large,
+      fs19PX: size === SIZES.extraLarge,
+      fs16PX: size === SIZES.large,
       fs15PX: size === SIZES.medium,
       fs14PX: size === SIZES.normal,
       fs13PX: size === SIZES.small,

app/javascript/gabsocial/components/user_stat.js

@@ -60,7 +60,7 @@ export default class UserStat extends PureComponent {
         onMouseEnter={this.handleOnMouseEnter}
         onMouseLeave={this.handleOnMouseLeave}
       >
-        <Text size='large' weight='bold' color='brand' align={align}>
+        <Text size='extraLarge' weight='bold' color='brand' align={align}>
           {value}
         </Text>
         <Text size='small' weight='medium' color='secondary' hasUnderline={hovering} align={align}>