Update text styles after design confirmation

Author: shencynthia

frontend/src/theme/textStyles.tsx

@@ -20,7 +20,7 @@ const textStyles = {
   h3: {
     fontFamily: "Poppins",
     fontWeight: 500,
-    fontSize: "24px",
+    fontSize: "20px",
   },
   subheading: {
     fontFamily: "Poppins",
@@ -33,6 +33,12 @@ const textStyles = {
     fontSize: "18px",
     lineHeight: "150%",
   },
+  bodyBold: {
+    fontFamily: "Roboto",
+    fontWeight: 700,
+    fontSize: "18px",
+    lineHeight: "150%",
+  },
   bodyMobile: {
     fontFamily: "Roboto",
     fontWeight: 400,
@@ -44,6 +50,11 @@ const textStyles = {
     fontWeight: 500,
     fontSize: "18px",
   },
+  caption: {
+    fontFamily: "Poppins",
+    fontWeight: 400,
+    fontSize: "12px",
+  },
 };
 
 export default textStyles;