Add checkstyle based on yarn prettier:fix

.github/workflows/pr-style-check.yml

@@ -0,0 +1,30 @@
+name: PR Style Check
+
+on:
+  pull_request:
+    paths:
+      - 'frontend/**'
+
+jobs:
+  style-check:
+    runs-on: ubuntu-latest
+
+    steps:
+    - uses: actions/checkout@v4
+
+    - name: Use Node.js
+      uses: actions/setup-node@v4
+      with:
+        node-version: '20'
+
+    - name: Install dependencies
+      run: yarn install
+      working-directory: ./frontend
+
+    - name: Run ESLint
+      run: yarn lint
+      working-directory: ./frontend
+
+    - name: Run Prettier check
+      run: yarn prettier --check .
+      working-directory: ./frontend

frontend/components/questions/questions-listing.tsx

@@ -78,7 +78,7 @@ export default function QuestionListing() {
         </Button>
       </div>
     );
-  }
+  };
 
   const handleFileSelect = (event: ChangeEvent<HTMLInputElement>) => {
     const file = event.target.files?.[0];
@@ -213,9 +213,7 @@ export default function QuestionListing() {
               </Button>
             </label>
           </div>
-          <div>
-            {createNewQuestion()}
-          </div>
+          <div>{createNewQuestion()}</div>
         </div>
       )}
       <QuestionTable
@@ -232,4 +230,4 @@ export default function QuestionListing() {
       />
     </div>
   );
-}
+}