[CSS] Implement shape() function for clip-path, offset-path

[dipikabh]

Acceptance criteria

• [ ] The listed features are documented sufficiently on MDN
• [ ] BCD is updated
• [ ] Interactive example and data repos are updated if appropriate
• [ ] The content has been reviewed as needed

For folks helping with Firefox related documentation

• [ ] Set bugs to dev-doc-complete
• [ ] Add entry to Firefox release notes for enabled/preview features
• [ ] Add/remove entry to Firefox experimental features page for preference/released features

Related Gecko bugs

• [css-shapes-2] Implement shape() function for clip-path (bug 1823463)
• [css-shapes-2] Implement shape() function for offset-path (bug 1884424)
• [css-shapes-2] Support interpolation between shape() and path() (bug 1884425)

Other

• [ ] Check content open issues to see if any pertain to the subject matter. If there are any that can be closed because of the work, do so. If there are any that can be fixed relatively quickly because of the knowledge from completing this issue and you have time, feel free to go ahead and fix them.

[dipikabh]

Tasks:

• [x] shape() reference page: https://github.com/mdn/content/pull/33446
• [x] Experimental release notes: https://github.com/mdn/content/pull/33450
• [x] BCD (layout.css.basic-shape-shape.enabled enabled only in Nightly): https://github.com/mdn/browser-compat-data/pull/23017