Updated all long style names to be more compact

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

app/javascript/gabsocial/components/zoomable_image.js

@@ -119,12 +119,12 @@ class ZoomableImage extends React.PureComponent {
 
     return (
       <div
-        className={[_s.default, _s.width100PC, _s.height100PC, _s.alignItemsCenter, _s.justifyContentCenter].join(' ')}
+        className={[_s._, _s.w100PC, _s.h100PC, _s.aiCenter, _s.jcCenter].join(' ')}
         ref={this.setContainerRef}
         style={{ overflow }}
       >
         <img
-          className={[_s.default, _s.objectFitContain, _s.heightAuto, _s.widthAuto, _s.maxWidth100PC, _s.heightMax100PC].join(' ')}
+          className={[_s._, _s.objectFitContain, _s.hAuto, _s.wAuto, _s.maxW100PC, _s.maxH100PC].join(' ')}
           role='presentation'
           ref={this.setImageRef}
           alt={alt}