[OTHER] - Add path aliases (#3564)

[FrozenHearth]

Fixes Issue

Closes #3564

Changes proposed

Right now, we are having to manually specify the directory path in this way:

import xyz from ../../../components/XYZComponent

With aliasing using jsconfig.json file, we can clean up the import syntax, and do something like,

import xyz from @/components/XYZComponent

Check List (Check all the applicable boxes)

• [x] My code follows the code style of this project.
• [ ] My change requires changes to the documentation.
• [ ] I have updated the documentation accordingly.
• [x] All new and existing tests passed.
• [x] This PR does not contain plagiarized content.
• [x] The title of my pull request is a short description of the requested changes.

Screenshots

N/A

Note to reviewers

I haven't made the changes in mdx files. Please let me know if I need to.

[FrozenHearth]

hey @FrozenHearth this branch has a conflict error please resolve it.

Thanks for the review. Resolved the conflict.

[eddiejaoude]

Looks good 👍 I will resolve merge conflicts when testing and merging

[FrozenHearth]

Thank you very much! @eddiejaoude