feat(FE): Add PDF helper components for badges and typography

src/components/helper/pdf/badge/PdfParamBadge.tsx

@@ -0,0 +1,25 @@
+import { Text, View, StyleSheet } from '@react-pdf/renderer';
+
+type PdfParamBadgeProps = {
+  children: React.ReactNode;
+};
+
+const styles = StyleSheet.create({
+  parameterBadge: {
+    backgroundColor: '#F5F5F5',
+    color: '#333333',
+    padding: 4,
+    borderRadius: 4,
+    fontSize: 8,
+    marginRight: 8,
+    marginBottom: 4,
+  },
+});
+
+export const PdfParamBadge = ({ children }: PdfParamBadgeProps) => {
+  return (
+    <View style={styles.parameterBadge}>
+      <Text>{children}</Text>
+    </View>
+  );
+};