create .github directory and add yml file

.github/workflows/main.yml

@@ -0,0 +1,43 @@
+# Name of workflow
+name: Lint workflow
+
+# Trigger workflow on all pull requests
+on:
+  pull_request:
+    branches:
+      - develop
+      - staging
+
+# Jobs to carry out
+jobs:
+  test:
+    # Operating system to run job on
+    runs-on: ubuntu-latest
+
+    # Steps in job
+    steps:
+      # Get code from repo
+      - name: Checkout code
+        uses: actions/checkout@v1
+
+      - name: Use Node.js 21.x
+        uses: actions/setup-node@v1
+        with:
+          node-version: 21.x
+
+      # Install dependencies
+      - name: 🧰 Install Deps
+        run: npm install
+
+      # Run lint
+      - name: Run Lint
+        run: npm run lint
+
+              # Run build
+      - name: Run Build
+        run: npm run build
+
+    # Run tests
+      - name: Run Tests
+        run: npm run test
+

src/components/Advertisement.tsx

@@ -2,7 +2,7 @@ interface AdvertisementProps {
   companyName: string;
   productDescription: string;
   price: string;
-};
+}
 
 function Advertisement(props: AdvertisementProps) {
   return (

src/components/Calculator.tsx

@@ -4,7 +4,8 @@ interface CalculatorState {
   total: number;
   previousTotal: number;
 }
-
+//calculator function
+//comment comment
 export default function Calculator() {
   const [calcState, setCalcState] = useState<CalculatorState>({ total: 0, previousTotal: 0 });
   const [value, setValue] = useState(0);
@@ -15,6 +16,7 @@ export default function Calculator() {
 
   return (
     <div className="calculator">
+      <h2>Simple Calculator</h2>
       <p>
         <input
           type="text"

src/tests/__snapshots__/Calculator.test.tsx.snap

@@ -1,5 +1,5 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-
+//adding a comment for changes
 exports[`Calculator > should match snapshot 1`] = `
 "<h2>Simple Calculator</h2>
 <p><input type="text" id="value" value="0" name="value"></p><button class="btn btn-primary" type="button"> Add </button>