Frontend Buildcheck Workflow Revamp (#1099)

* frontend workflow check

* added new step for installing npm

* added working directory line for frontend

* added specific prettier dev dependency

* prettier dev dependency

* removed prettier dependency

* remove dtest block

* removed test block for now

* changed env for build and stage

* added git dom

* added new test components without sample unit test

* made changes on checkout synatx and removed build

* 🎨 Auto-generated directory tree for repository in Architecture.md

---------

Co-authored-by: Faris Durrani <[email protected]>
Co-authored-by: farisdurrani <[email protected]>

.github/workflows/frontend.yml

@@ -0,0 +1,47 @@
+name: Frontend Workflow Check
+on: [pull_request, push]
+
+concurrency: preview-${{ github.ref }}
+
+jobs:
+  lint:
+    name: Lint
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+
+      - name: Install pnpm
+        run: npm install -g pnpm 
+        working-directory: ./frontend
+
+      - name: Install
+        run: pnpm install --frozen-lockfile
+        id: install
+        working-directory: ./frontend
+
+
+      - name: Run ESLint
+        run: pnpm run lint
+        working-directory: ./frontend
+
+  test:
+    name: Test
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+
+      - name: Install pnpm
+        run: npm install -g pnpm 
+        working-directory: ./frontend
+
+      - name: Install
+        run: pnpm install --frozen-lockfile
+        working-directory: ./frontend
+
+      - name: Test
+        run: echo "pnpm run test should be here"
+        working-directory: ./frontend
+
+

frontend/package.json

@@ -56,11 +56,13 @@
   },
   "devDependencies": {
     "@next/eslint-plugin-next": "^14.0.1",
+    "@types/react-dom": "^18.2.18",
     "@typescript-eslint/eslint-plugin": "^6.9.0",
     "@typescript-eslint/parser": "^6.9.0",
     "depcheck": "^1.4.7",
     "eslint": "^8.52.0",
     "eslint-plugin-react": "^7.33.2",
+    "prettier": "3.2.2",
     "typescript": "^5.2.2"
   }
 }