Frontend improvement and cleanup (#1690)

* Replace Create-React-App with Vite.js

* Update React-Router to v6

* Cleanup unused codes

4 files changed, 24 insertions, 12 deletions

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 721ec2b51..7e8d90837 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -15,8 +15,8 @@ on:
     branches: [development]
 
 env:
-    UI_DIRECTORY: ./frontend
-    UI_ARTIFACT_NAME: ui
+  UI_DIRECTORY: ./frontend
+  UI_ARTIFACT_NAME: ui
 
 jobs:
   Frontend:
@@ -30,27 +30,39 @@ jobs:
       - name: Cache node_modules
         uses: actions/cache@v2
         with:
-          path: '${{ env.UI_DIRECTORY }}/node_modules'
+          path: "${{ env.UI_DIRECTORY }}/node_modules"
           key: ${{ runner.os }}-modules-${{ hashFiles('**/package-lock.json') }}
           restore-keys: ${{ runner.os }}-modules-
 
       - name: Setup NodeJS
         uses: actions/setup-node@v3
         with:
-          node-version: "15.x"
+          node-version: "16"
 
       - name: Install dependencies
         run: npm install
         working-directory: ${{ env.UI_DIRECTORY }}
 
-      - name: Build
-        run: npm run build
+      - name: Check Types
+        run: npm run check:ts
+        working-directory: ${{ env.UI_DIRECTORY }}
+
+      - name: Check Styles
+        run: npm run check
+        working-directory: ${{ env.UI_DIRECTORY }}
+
+      - name: Check Format
+        run: npm run check:fmt
         working-directory: ${{ env.UI_DIRECTORY }}
 
       - name: Unit Test
         run: npm test
         working-directory: ${{ env.UI_DIRECTORY }}
 
+      - name: Build
+        run: npm run build:ci
+        working-directory: ${{ env.UI_DIRECTORY }}
+
       - uses: actions/upload-artifact@v2
         with:
           name: ${{ env.UI_ARTIFACT_NAME }}
@@ -69,7 +81,7 @@ jobs:
       - name: Set up Python 3.8
         uses: actions/setup-python@v3
         with:
-          python-version: '3.8'
+          python-version: "3.8"
 
       - name: Install UI
         uses: actions/download-artifact@v2
diff --git a/.github/workflows/release_beta_to_dev.yaml b/.github/workflows/release_beta_to_dev.yaml
index f54ae483c..d57fcc5bf 100644
--- a/.github/workflows/release_beta_to_dev.yaml
+++ b/.github/workflows/release_beta_to_dev.yaml
@@ -31,7 +31,7 @@ jobs:
       - name: Cache node_modules
         uses: actions/cache@v2
         with:
-          path: '${{ env.UI_DIRECTORY }}/node_modules'
+          path: "${{ env.UI_DIRECTORY }}/node_modules"
           key: ${{ runner.os }}-modules-${{ hashFiles('**/package-lock.json') }}
           restore-keys: ${{ runner.os }}-modules-
 
@@ -69,4 +69,4 @@ jobs:
             release-it --ci --increment prerelease --preRelease=beta
           else
             echo "**** Cannot find changes! Skipping... ****"
-          fi
\ No newline at end of file
+          fi
diff --git a/.github/workflows/release_dev_to_master.yaml b/.github/workflows/release_dev_to_master.yaml
index d69a73d9c..28f4ee1e9 100644
--- a/.github/workflows/release_dev_to_master.yaml
+++ b/.github/workflows/release_dev_to_master.yaml
@@ -29,11 +29,11 @@ jobs:
 
       - name: Setup Git
         run: git config --global user.name "github-actions"
-      
+
       - name: Cache node_modules
         uses: actions/cache@v2
         with:
-          path: '${{ env.UI_DIRECTORY }}/node_modules'
+          path: "${{ env.UI_DIRECTORY }}/node_modules"
           key: ${{ runner.os }}-modules-${{ hashFiles('**/package-lock.json') }}
           restore-keys: ${{ runner.os }}-modules-
 
diff --git a/.github/workflows/test_bazarr_execution.yml b/.github/workflows/test_bazarr_execution.yml
index f4da89ae0..02d9443b8 100644
--- a/.github/workflows/test_bazarr_execution.yml
+++ b/.github/workflows/test_bazarr_execution.yml
@@ -37,7 +37,7 @@ jobs:
       - name: Set up Python 3.8
         uses: actions/setup-python@v3
         with:
-          python-version: '3.8'
+          python-version: "3.8"
 
       - name: Install Python dependencies
         run: |