Add cursor pointer to mob side menu

Author: forestream

apps/landing/src/components/Header/MobileMenu.tsx

@@ -156,6 +156,7 @@ export default function MobileMenu() {
           </MobileMenuProvider>
           <Box
             borderBottom="1px solid $border"
+            cursor="pointer"
             onClick={() => router.push(`/test-case`)}
             px="16px"
             py="20px"
@@ -164,6 +165,7 @@ export default function MobileMenu() {
           </Box>
           <Box
             borderBottom="1px solid $border"
+            cursor="pointer"
             onClick={() => router.push(`/team`)}
             px="16px"
             py="20px"

apps/landing/src/components/Header/MobileMenuButton.tsx

@@ -16,6 +16,7 @@ export default function MobileMenuButton({
     <Button
       bg="transparent"
       border="none"
+      cursor="pointer"
       onClick={() => {
         router.push(`?menuOpen=${menuOpen === 'true' ? 'false' : 'true'}`)
       }}

apps/landing/src/components/Header/MobileMenuProvider.tsx

@@ -34,7 +34,11 @@ export const MobileMenuItem = ({ children }: { children: React.ReactNode }) => {
     setIsOpen((prev) => !prev)
   }
 
-  return <Box onClick={handleToggleOpen}>{children}</Box>
+  return (
+    <Box cursor="pointer" onClick={handleToggleOpen}>
+      {children}
+    </Box>
+  )
 }
 
 export const MobileMenuSubItem = ({
@@ -61,6 +65,7 @@ export const MobileMenuItemBox = ({
       alignItems="center"
       bg={selected ? '$menuActive' : 'transparent'}
       borderRadius="6px"
+      cursor="pointer"
       gap="10px"
       onClick={onClick}
       opacity={selected ? 1 : 0.8}