refactor(react): refactor react sdk to provide server side support

[dasuni-30]

Purpose

• Refactor client-side useEffects:
  Moved useEffects out of React UI components to be used in both the react and nextjs. Developed a separate general SignIn UI component that can be reused in both React and Nextjs

  • Refactored Authorize API call useEffect
  • Refactored Branding API call useEffect

• Implement Global Data Store:
  Identified that the Local Storage cannot be used in the Nextjs SDK. Created a new global data store for state management in nextjs. Used memory-cache package similar to the node SDK .

• Import Common Components:

  • Imported Cryptoutils for handling encryption and decryption tasks to be reused in Nextjs SDK.
  • Exposed other required SignIn components to be used in Nextjs.

• Server-Side API Implementation:

  • Implement authorize API call on the server side. Pass the client ID and secret in the app native authorize API call.
  • Implement branding API call on the server side to optimize data fetching and rendering.

Related Issues

• None

Related PRs

• None

Checklist

• e2e cypress tests locally verified.
• Manual test round performed and verified.
• UX/UI review done on the final implementation.
• Documentation provided. (Add links if there are any)
• Unit tests provided. (Add links if there are any)
• Integration tests provided. (Add links if there are any)

Security checks

• Followed secure coding standards in http://wso2.com/technical-reports/wso2-secure-engineering-guidelines?
• Ran FindSecurityBugs plugin and verified report?
• Confirmed that this PR doesn't commit any keys, passwords, tokens, usernames, or other secrets?