possible netlify build fix

by adding case sensitivity config to git
gatsbyjs/gatsby#8205

src/components/LayoutComponent/LayoutComponent.tsx

@@ -0,0 +1,23 @@
+import * as React from 'react';
+
+import { HeaderComponent } from '../HeaderComponent/HeaderComponent';
+
+import styles from './layoutComponent.module.scss';
+
+interface Props {
+  children: React.ReactNode;
+}
+
+export const LayoutComponent: React.StatelessComponent<Props> = ({ children }) => {
+  // require('smooth-scroll')('a[href*="#"]', {
+  //   speed: 600
+  // });
+
+  return (
+    <main className={styles.main}>
+      <div className={styles.grain} />
+      <HeaderComponent />
+      {children}
+    </main>
+  );
+};

src/components/LayoutComponent/layoutComponent.module.scss

@@ -0,0 +1,22 @@
+@import '../../styles/constants';
+
+$layoutPadding: $base * 5;
+
+.main {
+    position: relative;
+    width: 100%;
+    min-height: (11400 / 5000) * $streamWidth; // 11400/5000 ratio of stream svg
+    padding: ($headerHeight + $layoutPadding) $layoutPadding $layoutPadding;
+}
+
+.grain {
+    position: absolute;
+    top: 0;
+    right: 0;
+    left: 0;
+    bottom: 0;
+    background-image: url('../../../static/grain.png');
+    pointer-events: none;
+    z-index: 9999;
+    opacity: 0.3;
+}