chore(utils:processing): add function to generate data for recharts…

… radar chart

  ## what
  - add function to generate data for `recharts` radar chart

  ## how
  - loop through the object
    - add object to array
      - property `language`: string version of the language ID
      - property `count`: number of submissions of that language ID

  ## why
  - this will be used to generate the data needed for `recharts` radar
    chart to render

  ## where
  - ./src/utils/dataProcessing.ts

  ## usage

src/utils/dataProcessing.ts

@@ -1,4 +1,5 @@
-import { Problem, ProblemVerdictMap, ProblemVerdictType } from "@/types";
+import { Language, Problem, ProblemVerdictMap, ProblemVerdictType } from "@/types";
+import {getResponseType as submissionLangType} from '@/app/api/submissions/language/[problemNum]/route'
 
 export type processedProblemVerdictBarChartType = {
   /**
@@ -44,3 +45,25 @@ export const processProblemNumBarChartData = (data: Problem) => {
 
   return  processedData 
 }
+
+//////////////////////////////////////////////////////////////////////////////////////////////////
+
+export type processedSubmissionLangType = {
+  language: string;
+  count: number;
+}
+
+export const processSubmissionLanguageRadarChart = (
+  data: submissionLangType,
+): processedSubmissionLangType[] => {
+  const processedData: processedSubmissionLangType[] = [];
+
+  Object.entries(data).forEach(([key, value]) => {
+    processedData.push({
+      language: Language[key],
+      count: value,
+    });
+  });
+
+  return processedData;
+};