Updated all long style names to be more compact

• Updated:
- all long style names to be more compact

app/javascript/gabsocial/components/popover/status_visibility_popover.js

@@ -85,14 +85,14 @@ class StatusVisibilityDropdown extends React.PureComponent {
         isXS={isXS}
         onClose={this.handleOnClosePopover}
       >
-        <div className={[_s.default].join(' ')}>
+        <div className={[_s._].join(' ')}>
           {
             options.map((option, i) => {
               const isActive = option.value === value
               const isLast = i === options.length - 1
 
               const containerClasses = cx({
-                default: 1,
+                _: 1,
                 flexRow: 1,
                 py10: 1,
                 cursorPointer: 1,
@@ -105,8 +105,8 @@ class StatusVisibilityDropdown extends React.PureComponent {
               const iconClasses = cx({
                 ml10: 1,
                 mt2: 1,
-                colorPrimary: !isActive,
-                colorWhite: isActive,
+                cPrimary: !isActive,
+                cWhite: isActive,
               })
 
               return (
@@ -116,7 +116,7 @@ class StatusVisibilityDropdown extends React.PureComponent {
                   className={containerClasses}
                 >
                   <Icon id={option.icon} size='16px' className={iconClasses} />
-                  <div className={[_s.default, _s.px10, _s.pt2].join(' ')}>
+                  <div className={[_s._, _s.px10, _s.pt2].join(' ')}>
                     <Text size='medium' color={isActive ? 'white' : 'primary'}>
                       {option.title}
                     </Text>