feat(admin-ui): Add new feature badge for categories and inventory (#3657)

* Add new feature badge for categories and inventory

* Add changeset

packages/admin-ui/ui/src/components/molecules/sidebar-menu-item/index.tsx

@@ -1,6 +1,7 @@
 import React, { useCallback } from "react"
 import Collapsible from "react-collapsible"
 import { NavLink } from "react-router-dom"
+import Badge from "../../fundamentals/badge"
 
 type SidebarMenuSubitemProps = {
   pageLink: string
@@ -13,6 +14,7 @@ type SidebarMenuItemProps = {
   icon: JSX.Element
   triggerHandler: () => any
   subItems?: SidebarMenuSubitemProps[]
+  isNew?: boolean
 }
 
 const SidebarMenuItem: React.FC<SidebarMenuItemProps> & {
@@ -23,6 +25,7 @@ const SidebarMenuItem: React.FC<SidebarMenuItemProps> & {
   text,
   triggerHandler,
   subItems = [],
+  isNew,
 }: SidebarMenuItemProps) => {
   const styles =
     "group py-1.5 my-0.5 rounded-rounded flex text-grey-50 hover:bg-grey-10 items-center px-2"
@@ -41,6 +44,11 @@ const SidebarMenuItem: React.FC<SidebarMenuItemProps> & {
         <NavLink className={classNameFn} to={pageLink}>
           <span className="items-start">{icon}</span>
           <span className="group-[.is-active]:text-grey-90 ml-3">{text}</span>
+          {isNew && (
+            <Badge variant={"new-feature"} className="ml-auto">
+              New
+            </Badge>
+          )}
         </NavLink>
       }
     >