Fix: Scale the radar chart data on a scale of 1-100 (#242)

* Calculate and normalize radar chart data percentages

Added logic to calculate the question count per role and survey. Normalized radar chart data by converting scores into percentage values based on the maximum possible score for each role and survey combination. This ensures better data representation on the profile page visualization.

* pr comment: refactor questionCounts to use Map

Author: jellebuitenhuisis

src/app/find-the-expert/profile-page/page.tsx

@@ -99,6 +99,25 @@ const ProfilePage = async ({
     }
     const userRoles = user.roles;
 
+    const questionCounts: Map<string, Map<string, number>> = new Map<
+        string,
+        Map<string, number>
+    >();
+    user.questionResults.forEach((questionResult) => {
+        const surveyName = questionResult.question.survey.surveyName;
+        questionResult.question.roles.forEach((role) => {
+            const roleName = role.role;
+            if (!userRoles.some((userRole) => userRole.role === roleName))
+                return;
+            if (!questionCounts.has(roleName)) {
+                questionCounts.set(roleName, new Map<string, number>());
+            }
+
+            const roleCounts = questionCounts.get(roleName)!;
+            roleCounts.set(surveyName, (roleCounts.get(surveyName) ?? 0) + 1);
+        });
+    });
+
     const surveyNames = new Set<string>();
     const radarGraphData = user.questionResults.reduce(
         (acc, questionResult) => {
@@ -129,6 +148,18 @@ const ProfilePage = async ({
         [] as ProfileRadarChartRoleData[],
     );
 
+    radarGraphData.forEach((roleData) => {
+        Object.keys(roleData).forEach((surveyName) => {
+            if (surveyName === "role") return;
+            const questionCount =
+                questionCounts.get(roleData.role)?.get(surveyName) ?? 0;
+            const maxScore = questionCount * 5; // Max score is number of questions * 5
+            roleData[surveyName] = Math.round(
+                ((roleData[surveyName] ?? 0) / maxScore) * 100,
+            );
+        });
+    });
+
     const columns: ColumnDef<ProfilePageUserData["questionResults"][0]>[] = [
         {
             accessorKey: "question.questionText",