[Glitch] Use JSX syntax for Fragments

Port 5a16bd7bf4 to glitch-soc

app/javascript/flavours/glitch/features/compose/components/dropdown_menu.jsx

@@ -1,6 +1,6 @@
 //  Package imports.
 import PropTypes from 'prop-types';
-import { PureComponent, Fragment } from 'react';
+import { PureComponent } from 'react';
 import classNames from 'classnames';
 import { supportsPassiveEvents } from 'detect-passive-events';
 
@@ -152,14 +152,14 @@ export default class ComposerOptionsDropdownContent extends PureComponent {
 
     if (!contents) {
       contents = (
-        <Fragment>
+        <>
           {icon && <Icon className='icon' fixedWidth id={icon} />}
 
           <div className='privacy-dropdown__option__content'>
             <strong>{text}</strong>
             {meta}
           </div>
-        </Fragment>
+        </>
       );
     }
 

app/javascript/flavours/glitch/features/compose/components/options.jsx

@@ -1,6 +1,5 @@
 //  Package imports.
 import PropTypes from 'prop-types';
-import { Fragment } from 'react';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import { defineMessages, injectIntl } from 'react-intl';
 import Toggle from 'react-toggle';
@@ -101,14 +100,14 @@ class ToggleOptionImpl extends ImmutablePureComponent {
     const { meta, text, checked } = this.props;
 
     return (
-      <Fragment>
+      <>
         <Toggle checked={checked} onChange={this.handleChange} />
 
         <div className='privacy-dropdown__option__content'>
           <strong>{text}</strong>
           {meta}
         </div>
-      </Fragment>
+      </>
     );
   }