refactor(lp): ♻️ Simplify header

apps/landing-page/assets/icons/CloseIcon.tsx

@@ -1,13 +1,15 @@
-import React, { SVGProps } from 'react'
+import { Icon, IconProps } from '@chakra-ui/react'
+import React from 'react'
+import { featherIconsBaseProps } from './HamburgerIcon'
 
-export const CloseIcon = (props: SVGProps<SVGSVGElement>) => (
-  <svg
+export const CloseIcon = (props: IconProps) => (
+  <Icon
     xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 512 512"
-    fill="#CBD5E0"
+    viewBox="0 0 24 24"
+    {...featherIconsBaseProps}
     {...props}
   >
-    <title>Close Circle</title>
-    <path d="M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm75.31 260.69a16 16 0 11-22.62 22.62L256 278.63l-52.69 52.68a16 16 0 01-22.62-22.62L233.37 256l-52.68-52.69a16 16 0 0122.62-22.62L256 233.37l52.69-52.68a16 16 0 0122.62 22.62L278.63 256z" />
-  </svg>
+    <line x1="18" y1="6" x2="6" y2="18"></line>
+    <line x1="6" y1="6" x2="18" y2="18"></line>
+  </Icon>
 )

apps/landing-page/assets/icons/HamburgerIcon.tsx

@@ -0,0 +1,24 @@
+import Icon, { IconProps } from '@chakra-ui/icon'
+import React from 'react'
+
+export const featherIconsBaseProps: IconProps = {
+  fill: 'none',
+  stroke: 'currentColor',
+  strokeWidth: '2px',
+  strokeLinecap: 'round',
+  strokeLinejoin: 'round',
+}
+
+export const HamburgerIcon = (props: IconProps) => (
+  <Icon
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 24"
+    fill="currentcolor"
+    {...featherIconsBaseProps}
+    {...props}
+  >
+    <line x1="3" y1="12" x2="21" y2="12"></line>
+    <line x1="3" y1="6" x2="21" y2="6"></line>
+    <line x1="3" y1="18" x2="21" y2="18"></line>
+  </Icon>
+)

apps/landing-page/assets/icons/index.tsx

@@ -1 +1,2 @@
 export { GitHubIcon } from './GithubLogo'
+export * from './HamburgerIcon'