Integrate the WSO2 ESLint & Prettier plugins

[brionmario]

Is your suggestion related to an experience ? Please describe.

Currently, the codebase has a custom ESLint config and no prettier configuration at all. Keeping this ESLint config uptodate is cumbersome.

By integrating our custom WSO2 ESLint config, we can standardize the code quality and ensure that contributors follow a unified style guide.

Describe the improvement

1. Install @wso2/eslint-plugin & @wso2/prettier-config (not yet available in npm)

    "@wso2/eslint-plugin": "https://gitpkg.now.sh/brionmario/wso2-ui-configs/packages/eslint-plugin?fa0b844715320a3953d6d055997c0770f8695082",
    "@wso2/prettier-config": "https://gitpkg.now.sh/brionmario/wso2-ui-configs/packages/prettier-config?fa0b844715320a3953d6d055997c0770f8695082",

2. Configure the plugins.

• ESLint
  • For Mono-repo root:
    • https://github.com/asgardeo/web-ui-sdks/blob/main/.eslintrc.js
  • For Lib
    • https://github.com/asgardeo/web-ui-sdks/blob/main/packages/react/.eslintrc.cjs

Refer the following repo and do the same for Prettier as well:

• https://github.com/asgardeo/web-ui-sdks

Additional context

This task should be done after #246

[Yash-sudo-web]

Hey @brionmario , i'd like to work on this issue, can i be assigned to it?