[AC-1971]: Use git submodule for uikit-react to reduce the bundle size (#180)

### Key Changes:

- Removed the `@sendbird/uikit-react` dependency from `package.json`.
- Linked the necessary code from [sendbird/uikit-react](https://github.com/sendbird/sendbird-uikit-react) directly into the `packages/uikit/` dir through a Git submodule. <- See `.gitmodules` file
- Updated our build process(Github workflow / Circleci config) to initialize and update the Git submodule, ensuring that the latest version of the code is always used.

Author: AhyoungRyu

.eslintrc.cjs

@@ -2,38 +2,40 @@ module.exports = {
   root: true, // This fixes issue when running lint fix command: https://stackoverflow.com/questions/55060228/eslint-couldnt-find-the-plugin-eslint-plugin-typescript-eslint
   env: { browser: true, es2020: true },
   parser: '@typescript-eslint/parser',
-  parserOptions: { ecmaVersion: 'latest', sourceType: 'module' },
+  parserOptions: {
+    ecmaVersion: 'latest',
+    sourceType: 'module',
+    ecmaFeatures: { jsx: true },
+  },
   plugins: ['import', 'styled-components-a11y'],
   extends: [
     'eslint:recommended',
     'plugin:@typescript-eslint/recommended',
     'plugin:react/recommended',
     'plugin:react-hooks/recommended',
     'plugin:jsx-a11y/recommended',
-    'plugin:import/errors',
-    'plugin:import/warnings',
     'plugin:import/recommended',
-    'plugin:prettier/recommended'
+    'plugin:prettier/recommended',
   ],
   rules: {
     'react-hooks/rules-of-hooks': 'error',
     'react-hooks/exhaustive-deps': 'off',
-     // suppress errors for missing 'import React' in files
+    // suppress errors for missing 'import React' in files
     'react/react-in-jsx-scope': 'off',
     '@typescript-eslint/no-explicit-any': 'off',
-    "prettier/prettier": ["error", { "singleQuote": true }],
-    "import/order": [
-      "error",
+    'prettier/prettier': ['error', { singleQuote: true }],
+    'import/order': [
+      'error',
       {
-        "groups": [
-          ["builtin"],
-          ["external"],
-          "internal",
-          ["parent", "sibling", "index"]
+        groups: [
+          ['builtin'],
+          ['external'],
+          'internal',
+          ['parent', 'sibling', 'index'],
         ],
-        "newlines-between": "always",
-        "alphabetize": {"order": "asc", "caseInsensitive": true}
-      }
+        'newlines-between': 'always',
+        alphabetize: { order: 'asc', caseInsensitive: true },
+      },
     ],
     'styled-components-a11y/control-has-associated-label': [
       2,
@@ -50,18 +52,19 @@ module.exports = {
   },
   settings: {
     react: {
-      version: 'detect'
+      version: 'detect',
     },
     'import/resolver': {
-      node: {
+      typescript:{},
+      node:{
         extensions: [
-          ".js",
-          ".jsx",
-          ".ts",
-          ".tsx",
-          ".d.ts"
-        ]
+          '.js',
+          '.jsx',
+          '.ts',
+          '.tsx',
+          '.d.ts',
+        ],
       }
-    }
+    },
   },
-}
+};

.github/workflows/gh-deploy.yml

@@ -16,7 +16,7 @@ jobs:
 
       - name: Install and Build 🔧
         run: |
-          npm install
+          npm run install:deps
           cp .env .env.production
           echo "VITE_CHAT_AI_WIDGET_KEY=${{ secrets.chat_ai_widget_key }}" >> .env.production
           npm run build:pages