🐛 Bug: TableOfContent component throws warning in dev console

[DarhkVoyd]

Describe the bug

The TableOfContent component throws various warning in the dev console during development mode. There might be a minor bug in the implementation of this custom component.

The warnings thrown in the console are:

1. Warning: is using incorrect casing. Use PascalCase for React components, or lowercase for HTML elements.
2. Warning: The tag is unrecognized in this browser. If you meant to render a React component, start its name with an uppercase letter.

Steps To Reproduce

1. Run yarn dev to start local instance in development mode
2. Go to http://localhost:3000/learn/getting-started-step-by-step
3. Check dev console

Expected Behavior

There must not be any warnings in the dev console.

Screenshots

Device Information [optional]

- OS: MacOS
- Browser: Google Chrome
- version:

Are you working on this issue?

No

Do you think this work might require an [Architectural Decision Record (ADR)]? (significant or noteworthy)

No

[DhairyaMajmudar]

Fixed this issue in PR #763 : )