Fix broken link and formatting issues

[shashika05]

Issues

1. The following spec page was generated from this markdown file and there are some inconsistent formatting issues.
2. "Edit in Github" button in Connector contributor guide page landing into 404 - page not found on github.

Fixes

1. Add changes in [slug.js] file.

• fix issues in Formatting issues in the spec page #10014

2. Add changes in connector-contributor-guide.js file.

• fix issues in "Edit in Github" button link broken #10143

Checklist

1. Fix bullet points inside a Note block is not properly formatted.
   
   
2. Fix code block inside a Note block is not rendered properly.
   
   
3. Fix bullet points are not formatted properly.
4. Fix code block is not rendered properly.
   
   
5. Fix broken link by changing connector-contributor-guide.md file

[shashika05]

@sm1990 Here it seems more changes in the code in case of prettier code formatter. Actual changes are made on <ReactMarkdown> component.

[sm1990]

Hi @shashika05 ,

Sorry about the delay in reviewing. 1 small comment. The font size in the highlighted sections are 15.3 px and 14px, whereas in other code blocks its 12.25px. Will you be able to fix that?

[shashika05]

Hello @sm1990,
Actually it's my bad. Sure I'm on it.

[shashika05]

Hi @sm1990, I have fixed that font problem. Can you review that?

[sm1990]

Hi @shashika05 ,

Looks like there is a mismatch in spacing in the code blocks. Too much space below the code. I think it occurs because you're loading a <pre class="shiki github-light" ...> inside another <pre class="shiki github-light" ...>.

[sm1990]

@shashika05 ping me when you address the comments above.

[shashika05]

@sm1990 sure.

[shashika05]

Hello @sm1990,
Seems like mismatch in spacing in the code blocks is fixed. Can you review it?