chore: resize writing area, add name to navbar

src/components/Seek/Seek.js

@@ -1,10 +1,10 @@
-import React from "react";
-import styled from "@emotion/styled";
-import { withTheme } from "emotion-theming";
-import { Link } from "react-router-dom";
+import React from "react"
+import styled from "@emotion/styled"
+import { withTheme } from "emotion-theming"
+import { Link } from "react-router-dom"
 
-import { SIZES } from "../../styles/constants";
-import Icon from "../Icon";
+import { SIZES } from "../../styles/constants"
+import Icon from "../Icon"
 
 const SeekHeader = styled.header`
   display: flex;
@@ -14,17 +14,17 @@ const SeekHeader = styled.header`
   border-bottom-width: 1px;
   border-bottom-style: solid;
   border-color: ${props => props.theme.colors.quarternary};
-`;
+`
 const SeekH1 = styled.h1`
   display: block;
   font-size: ${SIZES.normal};
   color: ${props => props.theme.colors.secondary};
-`;
+`
 const SeekArrows = styled.div`
   display: grid;
   grid-template-columns: auto auto;
   grid-gap: 10px;
-`;
+`
 
 const Seek = ({ title = "", prev = "", next = "", disableNext, theme }) => (
   <SeekHeader>
@@ -38,7 +38,7 @@ const Seek = ({ title = "", prev = "", next = "", disableNext, theme }) => (
           disabled={disableNext}
           name="ChevronRight"
           style={{
-            color: disableNext ? theme.colors.hover : theme.colors.secondary
+            color: disableNext ? theme.colors.hover : theme.colors.secondary,
           }}
         />
       ) : (
@@ -47,13 +47,13 @@ const Seek = ({ title = "", prev = "", next = "", disableNext, theme }) => (
             disabled={disableNext}
             name="ChevronRight"
             style={{
-              color: disableNext ? theme.colors.hover : theme.colors.secondary
+              color: disableNext ? theme.colors.hover : theme.colors.secondary,
             }}
           />
         </Link>
       )}
     </SeekArrows>
   </SeekHeader>
-);
+)
 
-export default withTheme(Seek);
+export default withTheme(Seek)

src/components/Seek/index.js

@@ -1,2 +1,2 @@
-import Seek from "./Seek";
-export default Seek;
+import Seek from "./Seek"
+export default Seek