Added level report

src/exams/pdf/details/radial.result.tsx

@@ -0,0 +1,36 @@
+import React from "react";
+import {
+  Document,
+  Page,
+  View,
+  Text,
+  StyleSheet,
+  Image,
+} from "@react-pdf/renderer";
+import { styles } from "../styles";
+import { ModuleScore } from "@/interfaces/module.scores";
+
+export const RadialResult = ({ module, score, total }: ModuleScore) => (
+  <View
+    key="module"
+    style={{
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center",
+      gap: 8,
+    }}
+  >
+    <Text
+      style={[
+        styles.textFont,
+        styles.textColor,
+        styles.textBold,
+        { fontSize: 10 },
+      ]}
+    >
+      {module}
+    </Text>
+    <Text>{score}</Text>
+    <Text>Out of {total}</Text>
+  </View>
+);