feat(medusa, admin-ui): Improvements to product categories (#3416)

packages/admin-ui/ui/src/components/fundamentals/icons/tag-dot-icon/index.tsx

@@ -0,0 +1,29 @@
+import React from "react"
+import IconProps from "../types/icon-type"
+
+type TagDotIconProps = IconProps & {
+  outerColor: string
+}
+
+const TagDotIcon: React.FC<TagDotIconProps> = ({
+  size = "24px",
+  color = "#E5484D",
+  outerColor = "transparent",
+  ...attributes
+}) => {
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 32 32"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...attributes}
+    >
+      <circle cx="16" cy="16" r="6" fill={outerColor} />
+      <circle cx="16" cy="16" r="3" fill={color} />
+    </svg>
+  )
+}
+
+export default TagDotIcon

packages/admin-ui/ui/src/components/molecules/tooltip-icon/index.tsx

@@ -0,0 +1,20 @@
+import React from "react"
+import Tooltip, { TooltipProps } from "../../atoms/tooltip"
+
+type TooltipIconProps = TooltipProps & {
+  icon: React.ReactNode
+}
+
+const TooltipIcon: React.FC<TooltipIconProps> = ({
+  content,
+  icon,
+  ...props
+}) => {
+  return (
+    <Tooltip content={content} side="top" {...props}>
+      {icon}
+    </Tooltip>
+  )
+}
+
+export default TooltipIcon