🚧 Hide previews while lambdas are broken

I really want to ship these layout changes but continue to have issues
with zlib (see Automattic/node-canvas#1779)
which I won't have the capacity to investigate or solve for at least a
few weeks. Hiding these features and merging until I can look into it
fully.

src/components/SketchPage/index.tsx

@@ -20,7 +20,7 @@ const StyledGrid = styled.article`
   display: grid;
   grid-template-rows: auto 1fr;
   grid-template-columns: 2fr 3fr;
-  grid-template-areas: 'image preview' 'image details' 'video video';
+  grid-template-areas: 'image details' 'image details' 'video video';
   grid-gap: 2em;
   margin: 3em 0;
 
@@ -153,37 +153,37 @@ const StyledMeta = styled.aside`
   font-size: 0.8em;
 `
 
-const StyledPreviews = styled.div`
-  grid-area: preview;
-
-  @media (max-width: ${BREAKPOINT}) {
-    display: none;
-  }
-`
-
-const StyledPreviewGrid = styled.section`
-  display: grid;
-  grid-template-columns: 1fr 1fr 1fr;
-  grid-gap: 1em;
-`
-
-const StyledDivider = styled.hr`
-  display: none;
-  height: 0.2em;
-  width: 100%;
-  background: #ddd;
-  border: 0;
-  border-radius: 0.1em;
-`
-
-const StyledPreviewDescription = styled.div`
-  display: none;
-  margin: 1em 0 1.5em;
-
-  @media (min-width: ${BREAKPOINT}) {
-    font-size: 0.8em;
-  }
-`
+// const StyledPreviews = styled.div`
+//   grid-area: preview;
+
+//   @media (max-width: ${BREAKPOINT}) {
+//     display: none;
+//   }
+// `
+
+// const StyledPreviewGrid = styled.section`
+//   display: grid;
+//   grid-template-columns: 1fr 1fr 1fr;
+//   grid-gap: 1em;
+// `
+
+// const StyledDivider = styled.hr`
+//   display: none;
+//   height: 0.2em;
+//   width: 100%;
+//   background: #ddd;
+//   border: 0;
+//   border-radius: 0.1em;
+// `
+
+// const StyledPreviewDescription = styled.div`
+//   display: none;
+//   margin: 1em 0 1.5em;
+
+//   @media (min-width: ${BREAKPOINT}) {
+//     font-size: 0.8em;
+//   }
+// `
 
 const LinkWrapper: React.FC<{ href: string }> = ({ children, href }) => (
   <Link href={href} passHref>
@@ -273,7 +273,7 @@ export const SketchPage = ({
         </StyledMeta>
       </StyledDetails>
 
-      <StyledPreviews>
+      {/* <StyledPreviews>
         <StyledPreviewGrid>
           {[...Array(3)].map((_, i) => (
             <SketchPreviewCard
@@ -292,7 +292,7 @@ export const SketchPage = ({
         </StyledPreviewDescription>
 
         <StyledDivider />
-      </StyledPreviews>
+      </StyledPreviews> */}
     </StyledGrid>
   )
 }