feat(Progress): add circular variant

[Achraf931]

✨ feat(UProgress): add circular variant and statusPosition props

🔗 Linked issue

Resolves #3728

❓ Type of change

• ✨ New feature (a non-breaking change that adds functionality)

📚 Description

This PR introduces:

• A new circular variant for the UProgress component, allowing a circular visual representation of progress.
• A new statusPosition prop with the following options:
  • "inside": displays the status (label or percent) in the center of the circle
  • "outside": displays the status outside the circular progress (similar to the linear variant)

These changes provide more flexibility for visualizing progress in various use cases.

📝 Checklist

• I have linked an issue or discussion.
• I have updated the documentation accordingly.
• I have written unit or snapshot tests (if applicable).
• I have manually tested the component with both variants.

[pkg-pr-new]

npm i https://pkg.pr.new/@nuxt/ui@4120

commit: 6b1e37a

[benjamincanac]

I'm aware it's still a draft, was just looking around 😊

[benjamincanac]

Suggested change

	Use the `statusPosition` prop to define where the status text is displayed. Defaults to `outside`.
	Use the `status-position` prop to define where the status text is displayed. Defaults to `outside`.

[benjamincanac]

You've added Variant twice.