Merge pull request #36 from daqhris/rename-enrolment-to-enrollment

Fix linting and formatting issues

components/IdentityVerification.tsx

@@ -71,12 +71,12 @@ const IdentityVerification: React.FC<{ onVerified: (address: string) => void }>
                 r="10"
                 stroke="currentColor"
                 strokeWidth="4"
-              ></circle>
+              />
               <path
                 className="opacity-75"
                 fill="currentColor"
                 d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
-              ></path>
+              />
             </svg>
           </span>
         )}

pages/index.tsx

@@ -1,6 +1,4 @@
 import React, { useEffect, useState } from "react";
-import { useLocalStorage } from "usehooks-ts";
-import EventAttendanceProof from "../components/EventAttendanceProof";
 import IdentityVerification from "../components/IdentityVerification";
 import OnchainAttestation from "../components/OnchainAttestation";
 
@@ -34,10 +32,11 @@ const Home: React.FC = () => {
   }, [completedStages, currentStage, setCurrentStage]);
 
   const handleStageCompletion = (stage: Stage) => {
-    setCompletedStages((prev) => [...prev, stage]);
-    const newCompletedStages = [...completedStages, stage];
-    setCompletedStages(newCompletedStages);
-    localStorage.setItem('completedStages', JSON.stringify(newCompletedStages));
+    setCompletedStages(prev => {
+      const newCompletedStages = [...prev, stage];
+      localStorage.setItem('completedStages', JSON.stringify(newCompletedStages));
+      return newCompletedStages;
+    });
 
     const currentIndex = stages.indexOf(stage);
     if (currentIndex < stages.length - 1) {