Added custom stylesheet

src/exams/pdf/details/skill.exam.tsx

@@ -1,12 +1,5 @@
 import React from "react";
-import {
-  Document,
-  Page,
-  View,
-  Text,
-  StyleSheet,
-  Image,
-} from "@react-pdf/renderer";
+import { View, StyleSheet } from "@react-pdf/renderer";
 import { ModuleScore } from "@/interfaces/module.scores";
 import { styles } from "../styles";
 import { RadialResult } from "./radial.result";
@@ -14,11 +7,14 @@ interface Props {
   testDetails: ModuleScore[];
 }
 
+const customStyles = StyleSheet.create({
+  container: { display: "flex", flexDirection: "row", gap: 30 },
+});
+
 export const SkillExamDetails = ({ testDetails }: Props) => (
-  <View style={{ display: "flex", flexDirection: "row", gap: 30 }}>
+  <View style={customStyles.container}>
     {testDetails.map((detail) => {
       const { module } = detail;
-
       return <RadialResult key={module} {...detail} />;
     })}
   </View>