Changed nav hover color from pink to teal

components/Nav/Header.js

@@ -144,12 +144,12 @@ const DesktopSubNav = ({ label, href, subLabel }) => {
       display={'block'}
       p={2}
       rounded={'md'}
-      _hover={{ bg: useColorModeValue('pink.50', 'gray.900') }}>
+      _hover={{ bg: useColorModeValue('teal.50', 'gray.900') }}>
       <Stack direction={'row'} align={'center'}>
         <Box>
           <Text
             transition={'all .3s ease'}
-            _groupHover={{ color: 'pink.400' }}
+            _groupHover={{ color: 'teal.200' }}
             fontWeight={500}>
             {label}
           </Text>
@@ -163,7 +163,7 @@ const DesktopSubNav = ({ label, href, subLabel }) => {
           justify={'flex-end'}
           align={'center'}
           flex={1}>
-          <Icon color={'pink.400'} w={5} h={5} as={ChevronRightIcon} />
+          <Icon color={'teal.200'} w={5} h={5} as={ChevronRightIcon} />
         </Flex>
       </Stack>
     </Link>

components/StatCard.js

@@ -8,7 +8,7 @@ import {
 } from "@chakra-ui/react"
 
 import React from 'react'
-import {motion} from 'framer-motion'
+import { motion } from 'framer-motion'
 
 const container = {
     hidden: { opacity: 1, scale: 0 },
@@ -49,7 +49,7 @@ function StatCard() {
                 <StatLabel>Activity</StatLabel>
                 <StatNumber>45 messages</StatNumber>
                 <StatHelpText>
-                    <StatArrow type="decrease" />
+                    <StatArrow type="decrease"/>
                     9.05%
                 </StatHelpText>
             </MotionStat>