StatsBoxGrid.tsx linting, tidying

Author: wackerow

src/components/StatsBoxGrid.tsx

@@ -62,9 +62,7 @@ const Grid = styled.div`
   }
 `
 
-const Box = styled.div<{
-  color?: string
-}>`
+const Box = styled.div`
   position: relative;
   color: ${({ theme }) => theme.colors.text};
   height: 20rem;
@@ -111,14 +109,12 @@ const Lines = styled.div`
 
 const ButtonContainer = styled.div<{ dir?: Direction }>`
   position: absolute;
-  ${({ dir }) => (dir === "rtl" ? "left:" : "right:")} 20px;
+  ${({ dir }) => (dir === "rtl" ? "left" : "right")}: 20px;
   bottom: 20px;
   font-family: ${(props) => props.theme.fonts.monospace};
 `
 
-const Button = styled.button<{
-  color: string
-}>`
+const Button = styled.button<{ color: string }>`
   background: ${(props) => props.theme.colors.background};
   font-family: ${(props) => props.theme.fonts.monospace};
   font-size: 1.25rem;
@@ -134,9 +130,7 @@ const Button = styled.button<{
   }
 `
 
-const ButtonToggle = styled(Button)<{
-  active: boolean
-}>`
+const ButtonToggle = styled(Button)<{ active: boolean }>`
   ${({ active, theme }) =>
     active &&
     `