chore: fix all icons (#163)

src/components/Home/Header.tsx

@@ -1,7 +1,5 @@
 import {
-  Flex, Heading, Button, Box,
-  Icon,
-  Spinner,
+  Flex, Heading, Button, Box, Spinner,
 } from '@chakra-ui/react';
 import { SiMicrosoftoffice } from 'react-icons/si';
 import { BsFillArrowDownCircleFill, BsArrowDownCircle } from 'react-icons/bs';
@@ -22,11 +20,11 @@ const Header: React.FC = () => {
         {isLoading ? <Spinner />
           : user ? (
             <NextLink href="/panel">
-              <a><Button leftIcon={<Icon as={FaRegUser} color="white" boxSize={8} />} fontSize="24" p={8}>User Panel</Button></a>
+              <a><Button leftIcon={<FaRegUser />} fontSize="24" p={8}>User Panel</Button></a>
             </NextLink>
           )
             : (
-              <Button onClick={signin} leftIcon={<Icon as={SiMicrosoftoffice} color="white" boxSize={8} />} fontSize="24" p={8}>Sign in with Office</Button>
+              <Button onClick={signin} leftIcon={<SiMicrosoftoffice />} fontSize="24" p={8}>Sign in with Office</Button>
             )}
       </Flex>
       <Flex direction="row" mt="-30px" justify="center" zIndex={105} position="sticky" bottom={2}>

src/components/Nav/NavBar.tsx

@@ -1,5 +1,5 @@
 import {
-  Flex, Spacer, Button, Icon, Spinner,
+  Flex, Spacer, Button, Spinner,
 } from '@chakra-ui/react';
 import { FiLogIn } from 'react-icons/fi';
 import { useUser } from '@supabase/supabase-auth-helpers/react';
@@ -20,7 +20,7 @@ const NavBar: React.FC = () => {
         : user
           ? <SignedInMenu />
           : (
-            <Button onClick={signin} leftIcon={<Icon as={FiLogIn} boxSize={6} />}>Sign in</Button>
+            <Button onClick={signin} leftIcon={<FiLogIn size={16} />}>Sign in</Button>
           )}
     </Flex>
   );

src/components/Nav/SignedInMenu.tsx

@@ -8,6 +8,7 @@ import {
 } from '@chakra-ui/react';
 import { useUser } from '@supabase/supabase-auth-helpers/react';
 import { ChevronDownIcon } from '@chakra-ui/icons';
+import { FaRegUser } from 'react-icons/fa';
 import NextLink from 'next/link';
 import { signout } from 'util/authHelpers';
 
@@ -16,7 +17,7 @@ const SignedInMenu = () => {
   if (isLoading || !user) return <Spinner />;
   return (
     <Menu>
-      <MenuButton as={Button} rightIcon={<ChevronDownIcon />}>
+      <MenuButton as={Button} leftIcon={<FaRegUser />} rightIcon={<ChevronDownIcon />}>
         {user.user_metadata.proper_name}
       </MenuButton>
       <MenuList>