chore: introduce imports ordering (#5463)

website/src/components/community-channels-list.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import styled from '@emotion/styled';
+
 import theme from '../theme';
 
 const StyledCommunityChannelsList = styled.ul`

website/src/components/community.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import { css } from '@emotion/core';
+
 import Markdownify from './markdownify';
 import PageHero from './page-hero';
 import HeroTitle from './hero-title';

website/src/components/event-box.js

@@ -3,7 +3,6 @@ import moment from 'moment';
 import styled from '@emotion/styled';
 
 import Markdownify from './markdownify';
-
 import theme from '../theme';
 
 const Root = styled.div`

website/src/components/footer.js

@@ -2,7 +2,6 @@ import React from 'react';
 import styled from '@emotion/styled';
 
 import Container from './container';
-
 import theme from '../theme';
 import { mq } from '../utils';
 

website/src/components/header.js

@@ -2,15 +2,13 @@ import React, { useState, useEffect } from 'react';
 import { Link, graphql, StaticQuery } from 'gatsby';
 import styled from '@emotion/styled';
 import { css } from '@emotion/core';
-
 import GitHubButton from 'react-github-btn';
+
 import Container from './container';
 import Notifications from './notifications';
 import DocSearch from './docsearch';
-
 import logo from '../img/netlify-cms-logo.svg';
 import searchIcon from '../img/search.svg';
-
 import theme from '../theme';
 import { mq } from '../utils';
 

website/src/components/hero-title.js

@@ -1,4 +1,5 @@
 import styled from '@emotion/styled';
+
 import theme from '../theme';
 import { mq } from '../utils';
 

website/src/components/home-section.js

@@ -3,7 +3,6 @@ import styled from '@emotion/styled';
 
 import Container from './container';
 import Page from './page';
-
 import theme from '../theme';
 
 const Header = styled.header`

website/src/components/layout.js

@@ -2,6 +2,7 @@ import React from 'react';
 import { Helmet } from 'react-helmet';
 import { graphql, StaticQuery } from 'gatsby';
 import { ThemeProvider } from 'emotion-theming';
+
 import Header from './header';
 import Footer from './footer';
 import GlobalStyles from '../global-styles';

website/src/components/notifications.js

@@ -1,4 +1,5 @@
 import React from 'react';
+
 import Notification from './notification';
 
 function Notifications({ notifications }) {

website/src/components/page-hero.js

@@ -2,7 +2,6 @@ import React from 'react';
 import { css } from '@emotion/core';
 
 import Container from './container';
-
 import theme from '../theme';
 import { mq } from '../utils';
 

website/src/components/sidebar-layout.js

@@ -1,9 +1,9 @@
 import React from 'react';
 import { css } from '@emotion/core';
+import styled from '@emotion/styled';
 
 import Page from './page';
 import { mq } from '../utils';
-import styled from '@emotion/styled';
 
 const Children = styled.div`
   overflow: auto;

website/src/components/video-embed.js

@@ -2,7 +2,6 @@ import React, { useState } from 'react';
 import styled from '@emotion/styled';
 
 import theme from '../theme';
-
 import screenshotEditor from '../img/screenshot-editor.jpg';
 
 const VideoLink = styled.a`

website/src/components/widgets.js

@@ -3,7 +3,6 @@ import styled from '@emotion/styled';
 
 import WidgetDoc from './widget-doc';
 import Button from './button';
-
 import theme from '../theme';
 
 const WidgetsNav = styled.nav`