Fix the table overflowing sidebar

[SMAKSS]

Fixes #1205
Changing the table markup in the Commit SHAs according to the previous fix which controls the overflow of the table with the use of javascript/wrap-code-terms.js.

Why:

Well, this PR will fix #1205 where the table has overflowed the sidebar like below:

What's being changed:

I tried to stick with the previous fix which fixes the #56 with the use of javascript/wrap-code-terms.js, so I just tried to change the current markup of the table. Since the current logic will only support the breaking of contents within a <code> tag I had to wrap the necessary items which cause them to overflow in the <code> tag.

So it will look like this:

But since the current style of the <code> tags within the table will make them bold I had to remove it from the general style to make the whole table look better, it may break changes in other pages (like this one) but I think they are overall looking good without font-weight: bold; but this is for owners to decide, so if there is any other suggestion to make it better I will be happy to make the necessary changes in the codebase.

The final look of the table:

Check off the following:

• All of the tests are passing.
• I have reviewed my changes in staging.
• For content changes, I have reviewed the localization checklist
• For content changes, I have reviewed the Content style guide for GitHub Docs.

[welcome]

Thanks for opening this pull request! A GitHub docs team member should be by to give feedback soon. In the meantime, please check out the contributing guidelines.

[janiceilene]

Thanks so much @SMAKSS! I'll get this triaged for review ⚡

[sarahs]

Thanks @SMAKSS! Using <code> tags here is a good change. 👍 And we agree the tables look better without the bold. Thanks for checking in about that!

[simpsoka]

One question I had about this... and we don't have to do it as part of this PR, but something to think about. If anything is bolded on the table, should it be the column headers?

[github-actions]

Thanks very much for contributing! Your pull request has been merged 🎉 You should see your changes appear on the site in approximately 24 hours.

[simpsoka]

@SMAKSS I like the bold column titles :)

[composio-dev]

PR Changes Summary

Objective

This PR aims to address an issue related to table overflow in the sidebar. It modifies the current markup of the table to use JavaScript to wrap code terms, thereby preventing overflow issues.

Changes

• Type: Fix
• **Important Files: **
  1. content/github/writing-on-github/autolinked-references-and-urls.md: Adjusted the formatting of URLs and repository references. Modified 4 lines, including additions and deletions.
  2. stylesheets/tables.scss: Removed the bold font-weight from table headers to comply with the new table structure.

Feel free to review the changes here.