Resolve Console Warnings and Errors for Improved Code Quality

[lokeshwar777]

Description

This pull request addresses various console warnings and errors encountered during component rendering. Through a series of commits, we have systematically tackled issues such as missing props, invalid keys, improper prop usage, and DOM nesting warnings across multiple components. By resolving these issues, we aim to enhance the overall code quality and maintain consistency within our codebase.

Related Issue

Motivation and Context

This change is required to improve the robustness and maintainability of our codebase. Resolving these warnings and errors not only enhances the user experience by preventing potential issues but also ensures that our code adheres to best practices.

How Has This Been Tested?

I have locally tested these changes by running the affected components and verifying that the console warnings and errors no longer appear. Additionally, I have conducted manual testing to ensure that the functionality of the affected components remains intact.

Screenshots or GIF (In case of UI changes):

You can view screenshots of the errors I've resolved in the following folder:
Link to Error Screenshots Folder

Types of changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to change)

Checklist:

• My code follows the code style of this project.
• My change requires a change to the documentation.
• I have updated the documentation accordingly.
• I have added tests to cover my changes.
• All new and existing tests passed.

[codesandbox]

Review or Edit in CodeSandbox

Open the branch in Web Editor • VS Code • Insiders

Open Preview