Code formatting and import re-order

Author: jonwinstanley

components/Author.tsx

@@ -1,7 +1,6 @@
 import React from 'react';
 import { format } from 'fecha';
 import { PostData } from '../loader';
-import { globals } from '../globals';
 
 export const FollowButton = () => {
   return (

components/Code.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
-import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';
 import { darcula } from 'react-syntax-highlighter/dist/cjs/styles/prism';
+import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';
 
 export default class Code extends React.PureComponent<{
   language: string;
@@ -10,9 +10,7 @@ export default class Code extends React.PureComponent<{
     const { language, value } = this.props;
     return (
       <SyntaxHighlighter
-        language={(language === 'ts'
-          ? 'typescript'
-          : language) || 'typescript'}
+        language={(language === 'ts' ? 'typescript' : language) || 'typescript'}
         style={darcula}
       >
         {value}

components/Markdown.tsx

@@ -1,7 +1,6 @@
 import React from 'react';
-import ReactMarkdown from 'react-markdown/with-html';
 import Code from './Code';
-import { globals } from '../globals';
+import ReactMarkdown from 'react-markdown/with-html';
 
 export const Markdown: React.FC<{ source: string }> = (props) => {
   return (

pages/_app.tsx

@@ -1,8 +1,9 @@
-import Head from 'next/head';
 import React from 'react';
-import { Header } from '../components/Header';
+import Head from 'next/head';
 import { Footer } from '../components/Footer';
 import { globals } from '../globals';
+import { Header } from '../components/Header';
+import '../styles/base.css';
 
 const App: React.FC = ({ Component, pageProps }: any) => {
   return (

pages/index.tsx

@@ -1,9 +1,6 @@
 import Head from 'next/head';
-import { PostData, loadBlogPosts, loadMarkdownFile } from '../loader';
-import { PostCard } from '../components/PostCard';
 import { generateRSS } from '../rssUtil';
 import { Markdown } from '../components/Markdown';
-import { globals } from '../globals';
 
 const sectionStyle = {
   width: '100%',