adds eslint

packages/client/src/layout/NavItem.tsx

@@ -1,16 +1,16 @@
-import { Box } from "@chakra-ui/react";
-import React from "react";
+import { Box } from '@chakra-ui/react';
+import React from 'react';
 
 function NavItem({ path, children, color, onClick, as, cursor }) {
   return (
     <Box
-      as={as ?? "a"}
+      as={as ?? 'a'}
       href={path}
       mb={2}
       cursor={cursor}
       // ml={5}
       mr={2}
-      color={color ?? "text.accent"}
+      color={color ?? 'text.accent'}
       letterSpacing="normal"
       display="block"
       position="relative"
@@ -18,20 +18,20 @@ function NavItem({ path, children, color, onClick, as, cursor }) {
       onClick={onClick}
       _after={{
         content: '""',
-        position: "absolute",
-        width: "100%",
-        height: "2px",
-        bottom: "0",
-        left: "0",
-        bg: "accent.secondary",
-        transform: "scaleX(0)",
-        transformOrigin: "right",
-        transition: "transform 0.3s ease-in-out",
+        position: 'absolute',
+        width: '100%',
+        height: '2px',
+        bottom: '0',
+        left: '0',
+        bg: 'accent.secondary',
+        transform: 'scaleX(0)',
+        transformOrigin: 'right',
+        transition: 'transform 0.3s ease-in-out',
       }}
       _hover={{
-        color: "tertiary.tertiary",
+        color: 'tertiary.tertiary',
         _after: {
-          transform: "scaleX(1)",
+          transform: 'scaleX(1)',
         },
       }}
     >