Refactor status text color function and finalized transactionpdf component

src/Components/StatusTextColor/StatusTextColor.tsx

@@ -0,0 +1,18 @@
+import { colors } from "../../styles";
+
+export default function StatusTextColor(status: string) {
+  if (
+    status === "Pending Approval" ||
+    status === "Returned: Pending Checking"
+  ) {
+    return colors.orange;
+  } else if (
+    status === "Approved" ||
+    status === "Finalized" ||
+    status === "Borrowed"
+  ) {
+    return colors.green;
+  } else {
+    return colors.red;
+  }
+}