refactor: remove extra closing tags

[deepsource-autofix[bot]]

Components without children can be self-closed to avoid the unnecessary extra closing tag. In JSX, closing tags are required when the component has children example <MyComponent>...</MyComponent> and if there are no child component between these tags, then this component can be self closed using <MyComponent />. It is recommended as it improves readability, and it is more compact to use self-closing for these types of components.

[deepsource-io[bot]]

Here's the code health analysis summary for commits 829689f..c108602. View details on DeepSource ↗.

Analysis Summary

Analyzer	Status	Summary	Link
JavaScript	✅ Success	🎯 2 occurences resolved	View Check ↗

---

💡 If you’re a repository administrator, you can configure the quality gates from the settings.

[github-actions[bot]]

⚡️ Lighthouse Report for the Deploy Preview of this PR 🚀

🔗 Site: CodeHarborHub | Live Site

URL 🌐	Performance	Accessibility	Best Practices	SEO	📊
/	🔴 26	🟡 82	🟡 75	🟢 100	📄
/docs	🔴 46	🟢 90	🟢 96	🟢 100	📄
/docs/category/javascript	🟡 61	🟢 90	🟢 96	🟢 100	📄
/courses	🔴 49	🟢 90	🟢 96	🟢 100	📄
/courses/category/reactjs	🟡 64	🟢 90	🟢 96	🟢 100	📄
/dsa-problems	🟡 52	🟢 90	🟢 96	🟢 100	📄
/dsa-problems/category/leetcode-problems	🟡 56	🟢 90	🟢 96	🟢 100	📄
/dsa-solutions	🟡 52	🟢 90	🟢 96	🟢 100	📄
/dsa-solutions/category/leetcode-solutions	🟡 62	🟢 90	🟢 96	🟢 100	📄
/blog	🟡 52	🟢 90	🟢 96	🟡 86	📄
/showcase	🟡 51	🟢 91	🟡 75	🟡 86	📄
/community	🟡 53	🟢 90	🟢 96	🟢 100	📄
/docs/tags	🟡 56	🟢 90	🟢 96	🟡 86	📄