feat: replace main pkg manager npm -> yarn 3 (#473)

### Description Of Changes
Resolves https://sendbird.atlassian.net/browse/UIKIT-3546

What did do in this PR
- changed the main pkg manager from npm -> yarn berry(3.5.0)

What's not included
- enable yarn publish command 
- upgrade actions/checkout@v3 & actions/setup-node@v3

Author: AhyoungRyu

.github/workflows/test-n-lint.yml

@@ -21,10 +21,15 @@ jobs:
       with:
         node-version: ${{ matrix.node-version }}
 
-    - name: Upgrade npm
-      run: npm install -g npm@7
-
-    - run: npm install
-    - run: npm run eslint
-    - run: npm run eslint-ts
-    - run: npm run test
+    - name: Install yarn
+      run: |
+        COREPACK_PATH=$HOME/.local/bin
+        mkdir -p $COREPACK_PATH
+        eval "$(echo PATH=$COREPACK_PATH:\$PATH | tee -a $BASH_ENV)"
+        corepack enable --install-directory $COREPACK_PATH
+        yarn install --immutable
+        yarn --version
+
+    - run: yarn run eslint
+    - run: yarn run eslint-ts
+    - run: yarn run test

.gitignore

@@ -2,7 +2,14 @@
 # See https://help.github.com/ignore-files/ for more about ignoring files.
 
 # dependencies
-node_modules
+node_modules/
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/sdks
+!.yarn/versions
 
 # builds
 build

.yarn/plugins/@yarnpkg/plugin-version.cjs

@@ -0,0 +1,5 @@
+plugins:
+  - path: .yarn/plugins/@yarnpkg/plugin-version.cjs
+    spec: "@yarnpkg/plugin-version"
+
+yarnPath: .yarn/releases/yarn-3.5.0.cjs

.yarn/releases/yarn-3.5.0.cjs

@@ -10,6 +10,8 @@ We are introducing a new version of the Sendbird Chat UIKit. Version 3 features
 ## Installation
 
 `npm i @sendbird/uikit-react`
+or if you're using yarn
+`yarn add @sendbird/uikit-react`
 
 For typescript projects, add `node_modules/@sendbird/uikit-react/index.d.ts` to your `include` section in tsconfig file to get type definitions
 
@@ -39,23 +41,29 @@ And many more...
 
 You need to install:
 * nodejs 16 LTS https://nodejs.org/en/download/
-* npm 8 or above
+* npm 8 >= or yarn
 
 **Caveats**
- - We tried development on Mac OS / Linux systems. You might encounter problems in running `npm run build` in Windows machines
+ - We tried development on Mac OS / Linux systems. You might encounter problems in running `npm run build` or `yarn run build` in Windows machines
  - If you use node.js >= 17 and see `ERR_OSSL_EVP_UNSUPPORTED` error on any run cmd, try to set `export NODE_OPTIONS=--openssl-legacy-provider` in the terminal
 
 ### Development
 We use storybook for development and rollup for building the npm distribution(bundled JS file)
-Make sure you have nodejs and npm installed and run
+Make sure you have nodejs and npm (or yarn) installed and run
 
-```
 Make a copy of .env.example and save it as .env
 Set your appId STORYBOOK_APP_ID
+
+```
 npm install
 npm run storybook
 ```
-> `npm run generate-component` generates a UI component skeleton in `src/ui`
+or
+```
+yarn install
+yarn storybook
+```
+> `yarn run generate-component` generates a UI component skeleton in `src/ui`
 
 * By default, storybook opens in http://localhost:6006/
 * Smart Components such as ChannelList, Channel, ChannelSetting, App can be found under `OTHERS`
@@ -71,6 +79,10 @@ We have both esm and commonjs output
 ```
 npm run build
 ```
+or
+```
+yarn run build
+```
 
 The bundled JS code can be found in `./release`
 The CSS is in `./release/dist/index.css`
@@ -82,12 +94,20 @@ We have implemented tests for dumb ui components only. Technologies used: Jest a
 ```
 npm run test
 ```
+or
+```
+yarn run test
+```
 
 ### Lint
 
 ```
 npm run lint
 ```
+or
+```
+yarn run lint
+```
 * .eslintrc.json lints ts files and .eslintrc.js lints js files