♻️ Refactor and tweaks, rename UserCreateOpen to UserRegister and others (#1143)

frontend/src/components/Common/SidebarItems.tsx

@@ -17,7 +17,7 @@ interface SidebarItemsProps {
 
 const SidebarItems = ({ onClose }: SidebarItemsProps) => {
   const queryClient = useQueryClient()
-  const textColor = useColorModeValue("ui.main", "ui.white")
+  const textColor = useColorModeValue("ui.main", "ui.light")
   const bgActive = useColorModeValue("#E2E8F0", "#4A5568")
   const currentUser = queryClient.getQueryData<UserOut>("currentUser")
 
@@ -25,13 +25,13 @@ const SidebarItems = ({ onClose }: SidebarItemsProps) => {
     ? [...items, { icon: FiUsers, title: "Admin", path: "/admin" }]
     : items
 
-  const listItems = finalItems.map((item) => (
+  const listItems = finalItems.map(({ icon, title, path }) => (
     <Flex
       as={Link}
-      to={item.path}
+      to={path}
       w="100%"
       p={2}
-      key={item.title}
+      key={title}
       activeProps={{
         style: {
           background: bgActive,
@@ -41,8 +41,8 @@ const SidebarItems = ({ onClose }: SidebarItemsProps) => {
       color={textColor}
       onClick={onClose}
     >
-      <Icon as={item.icon} alignSelf="center" />
-      <Text ml={2}>{item.title}</Text>
+      <Icon as={icon} alignSelf="center" />
+      <Text ml={2}>{title}</Text>
     </Flex>
   ))