Remove React, PureComponent global import, added those imports to files directly

• Remove:
- React, PureComponent global import and added those imports to files directly

app/javascript/gabsocial/features/ui/util/bundle.js

@@ -1,3 +1,4 @@
+import React from 'react'
 import {
   fetchBundleRequest,
   fetchBundleSuccess,
@@ -21,7 +22,7 @@ const noop = () => { }
 
 export default
 @connect(null, mapDispatchToProps)
-class Bundle extends PureComponent {
+class Bundle extends React.PureComponent {
 
   static propTypes = {
     fetchComponent: PropTypes.func.isRequired,

app/javascript/gabsocial/features/ui/util/page_title.js

@@ -1,7 +1,8 @@
+import React from 'react'
 import isEqual from 'lodash.isequal'
 import { APP_NAME } from '../../../constants'
 
-class PageTitle extends PureComponent {
+class PageTitle extends React.PureComponent {
 
   componentDidMount() {
     this.updatePageTitle(this.props) 

app/javascript/gabsocial/features/ui/util/reduced_motion.js

@@ -1,6 +1,7 @@
 // Like react-motion's Motion, but reduces all animations to cross-fades
 // for the benefit of users with motion sickness.
 import Motion from 'react-motion/lib/Motion';
+import React from 'react'
 
 const stylesToKeep = ['opacity', 'backgroundOpacity'];
 
@@ -9,7 +10,7 @@ const extractValue = (value) => {
   return (typeof value === 'object' && value && 'val' in value) ? value.val : value;
 };
 
-class ReducedMotion extends PureComponent {
+class ReducedMotion extends React.PureComponent {
 
   static propTypes = {
     defaultStyle: PropTypes.object,

app/javascript/gabsocial/features/ui/util/responsive_classes_component.js

@@ -1,3 +1,4 @@
+import React from 'react'
 import {
   BREAKPOINT_EXTRA_LARGE,
   BREAKPOINT_LARGE,
@@ -9,7 +10,7 @@ import { getWindowDimension } from '../../../utils/is_mobile'
 
 const initialState = getWindowDimension()
 
-export default class ResponsiveClassesComponent extends PureComponent {
+export default class ResponsiveClassesComponent extends React.PureComponent {
 
   static propTypes = {
     classNames: PropTypes.string,

app/javascript/gabsocial/features/ui/util/responsive_component.js

@@ -1,8 +1,9 @@
+import React from 'react'
 import { getWindowDimension } from '../../../utils/is_mobile'
 
 const initialState = getWindowDimension()
 
-export default class Responsive extends PureComponent {
+export default class Responsive extends React.PureComponent {
 
   static propTypes = {
     min: PropTypes.number,

app/javascript/gabsocial/features/ui/util/wrapped_bundle.js

@@ -1,6 +1,7 @@
+import React from 'react'
 import Bundle from './bundle'
 
-class WrappedBundle extends PureComponent {
+class WrappedBundle extends React.PureComponent {
 
   render() {
     const {

app/javascript/gabsocial/features/ui/util/wrapped_route.js

@@ -1,10 +1,11 @@
+import React from 'react'
 import api from '../../../api'
 import { Route } from 'react-router-dom'
 import BundleColumnError from '../../../components/bundle_column_error'
 import Bundle from './bundle'
 import { me } from '../../../initial_state'
 
-export default class WrappedRoute extends PureComponent {
+export default class WrappedRoute extends React.PureComponent {
   static propTypes = {
     component: PropTypes.func.isRequired,
     page: PropTypes.func.isRequired,