Feature: Add Wiki section in the extension

[mohdsayed]

Description

Dynamically fetch ps-analysis-tool/wiki and use that in a new Wiki section in PSAT extension.

Relevant Technical Choices

• Parse sidebar markup for text and create an object for using in React components.
• Implement resizable and sticky sidebar.
• Parse markup using marked npm package.
• Fetch Markdown files based on the selected page.
• Handle internal images to be fetched from GitHub.
• Open external links in a new tab.
• Style markdown github-markdown-css and some custom CSS.
• Implementation of opening internal links within PSAT.
• Handle hash for scrolling the given section into view.

Testing Instructions

Additional Information:

Limitations:

• Internal links open in a new tab.
• Menu item with ID is not included.

Screenshot/Screencast

---

Checklist

• I have thoroughly tested this code to the best of my abilities.
• I have reviewed the code myself before requesting a review.
• This code is covered by unit tests to verify that it works as intended.
• The QA of this PR is done by a member of the QA team (to be checked by QA).

Fixes #820

[milindmore22]

QA The table colors are now white, please make them dark with white text.

[milindmore22]

QA : In Dark mode the code snippets remains dark

[pavanpatil1]

• If the wiki link is included in the extension, it should direct users to the internal wiki rather than to GitHub.

internal.linking.webm

---

• After selecting a sub-navigation menu item, the navigation does not appear as active.

active.webm

---

• The extra top padding is visible on all headings. It should not be visible, and the icons are not appearing.

[pavanpatil1]

Verified the fixes, and they are working fine.

Note: As we discussed, the multi-tab debugging link on the settings page isn't directing to the specific wiki subpage because the content is integrated into the main page, and there isn't a separate subsection for it. This needs to be updated from wiki.

mutitab.webm