Fix url paths and inline html character bugs on Foundation section of reference page content #522

[meganmckissack]

Addresses #522

Some of the summary descriptions show double characters when using operators like > and >=. Also, when clicking through to the full-page reference for these operators, the internal reference urls direct to 404 error pages since they are using the operator symbols rather than the new page url initials.

Character doubling
Before

After

URL change
Before

After

[meganmckissack]

After opening this pull request, this comment on #522 mentions that the character doubling may be coming from a different source that I'll look into.

The failing tests are mention the same {rewriteRelativeLink} import referenced in issue #524. I don't know if it is what's causing the failed tests or because I manually changed the url paths in the mdx files yet.

[Qianqianye]

Hi @meganmckissack, thanks for opening this PR. The reference pages are built directly from the p5.js library src folder, so we will need to edit the source code directly to fix the links.

I noticed that there might be some bugs rendering and showing the source code links (at the bottom of the reference pages) within the following pages:

• > (showing as '&gt'),
• >=(showing as '>='),
• < (showing as '&lt'),
• <= (showing as '<='),

@nickmcintyre @limzykenneth @davepagurek, do you have any thoughts on this? Thank you.

[limzykenneth]

For rendering in the page I'm not sure if Astro or the current build automatically encodes the characters so we need to check there first. For URL, adding a step to encode the URL path may be enough to solve this without needing to change the reference in the main p5.js repo.

[Qianqianye]

Thanks @limzykenneth.
This PR is related to issue #538 and #447 (comment), which are about rendering symbols and characters (for example "<>" ) on reference page. To keep the discussion organized and consolidated, let's continue the discussion within issue #447. Thank you!