docs: added custom item price guide (#11240)

* added examples sidebar

* added guide

* fixes

* add meta image

* update intro

www/packages/docs-ui/src/components/WorkflowDiagram/Common/Node/index.tsx

@@ -86,7 +86,7 @@ export const WorkflowDiagramStepNode = ({ step }: WorkflowDiagramNodeProps) => {
       >
         <div
           className={clsx(
-            "shadow-borders-base flex w-min bg-medusa-bg-base",
+            "shadow-borders-base flex w-fit bg-medusa-bg-base",
             "items-center rounded-docs_sm py-docs_0.125 px-docs_0.5",
             (step.type === "hook" || step.when) && "gap-x-docs_0.125"
           )}