fix: correct ordered list rendering in Markdown where all items appea…

[FooFindBar]

…red as "1."

Description

What is the purpose of this pull request?

• Bug fix
• New Feature
• Documentation update
• Other

close #515

[fengju0213]

Good fix direction, but there's an issue:

The olPadding prop is used in src/components/WorkFlow/node.tsx (3 places with olPadding="pl-0"). Commenting out the ol component breaks this dynamic padding control.

Suggestion: Keep the ol component, just change list-inside to list-outside:

ol: ({ children }) => (
  <ol
    className={`list-decimal list-outside text-[13px] text-primary mb-2 ${olPadding}`}
    style={{ paddingLeft: olPadding || '1rem' }}
  >
    {children}
  </ol>
),

This fixes the numbering issue without breaking existing functionality.

[FooFindBar]

Good fix direction, but there's an issue:

The olPadding prop is used in src/components/WorkFlow/node.tsx (3 places with olPadding="pl-0"). Commenting out the ol component breaks this dynamic padding control.

Suggestion: Keep the ol component, just change list-inside to list-outside:

ol: ({ children }) => (
  <ol
    className={`list-decimal list-outside text-[13px] text-primary mb-2 ${olPadding}`}
    style={{ paddingLeft: olPadding || '1rem' }}
  >
    {children}
  </ol>
),

This fixes the numbering issue without breaking existing functionality.

Thanks for the suggestion!
I tried using the text extracted from the image in the MarkDown component for testing, but the ordered list numbers were still disconnected.
That’s why I used the current approach to fix the issue.

[Pakchoioioi]