Feat: Create api client code for React Client Component

[kotaaaa]

Overview

• Create api client code for React Client Component
• Please see the issue detail as well

  • 185

Changes

• Added api client code for React Client Component
• Refactored Amplify initialization setting at LoginForm, and amplifyServerUtils

Review points

References

Note

• Please see groupApiClient.client.ts as a example when you call Api client from client component.
• Please modify groupApiClient.client.ts after implement it.

Assignee Checklist:

• [x] The naming convention of the PR title is correct (See the comment at the top of this template)
• [x] The base branch is correct (See: Types of Branches)
• [x] The branch name follows the Branch Naming Conventions
• [x] The correct assignees and reviewers have been designated for this PR
• [x] The coding style follows the Coding Style Guide
• [x] All the related issues are associated with this PR
• [x] All criteria in the associated issues are met (please tick the checkboxes)
• [x] My changes do not generate new warnings or errors (especially in the console)

Reviewer Checklist:

• [ ] Double-check the "Assignee Checklist"
• [ ] The code follows the generic best practices and our Coding Style Guide
• [ ] The code is well-commented and easy to understand
• [x] The UI changes accurately reflect the provided design

[nick-y-ito]

@kotaaaa I will count on @kanta1207 to check if this implementation works.

I would only like to talk about this in our later verbal discussion: https://github.com/genesis-tech-tribe/nishiki-frontend/pull/187#discussion_r1454637780