fix hamburger spelling

switch fill color to "currentColor" to allow using dark mode responsive "color" prop

src/components/UI/Header.tsx

@@ -2,7 +2,7 @@ import { Box, Flex, Input, InputGroup, Link, Stack, Text } from '@chakra-ui/reac
 import { FC } from 'react';
 import NextLink from 'next/link';
 
-import { HamburguerIcon, LensIcon, MoonIcon } from '../UI/icons';
+import { HamburgerIcon, LensIcon, MoonIcon } from '../UI/icons';
 import { DOCS_PAGE, DOWNLOADS_PAGE } from '../../constants';
 
 export const Header: FC = () => {
@@ -103,9 +103,9 @@ export const Header: FC = () => {
           <MoonIcon />
         </Box>
 
-        {/* HAMBURGUER MENU */}
+        {/* HAMBURGER MENU */}
         <Box p={4} display={{ base: 'block', md: 'none' }}>
-          <HamburguerIcon />
+          <HamburgerIcon color="primary" />
         </Box>
       </Flex>
     </Flex>

src/components/UI/icons/HamburgerIcon.tsx

@@ -1,7 +1,7 @@
 import { createIcon } from '@chakra-ui/icons';
 
-export const HamburguerIcon = createIcon({
+export const HamburgerIcon = createIcon({
-  displayName: 'HamburguerIcon',
+  displayName: 'HamburgerIcon',
   viewBox: '0 0 22 14',
   path: (
     <svg width={22} height={14} fill='none' xmlns='http://www.w3.org/2000/svg'>
@@ -9,7 +9,7 @@ export const HamburguerIcon = createIcon({
         fillRule='evenodd'
         clipRule='evenodd'
         d='M0 .5h22v.97H0V.5Zm0 6.017h22v.97H0v-.97Zm22 6.013H0v.97h22v-.97Z'
-        fill='#11866F'
+        fill='currentColor'
       />
     </svg>
   )

src/components/UI/icons/index.ts

@@ -1,6 +1,6 @@
 export * from './DiscordIcon'
 export * from './GitHubIcon'
-export * from './HamburguerIcon';
+export * from './HamburgerIcon';
 export * from './LensIcon';
 export * from './MoonIcon';
 export * from './TwitterIcon'