fix: adjust earn and burn mobile view

components/MyPages/Blocks/Points/EarnAndBurn/earnAndBurn.module.css

@@ -4,6 +4,7 @@
 }
 
 .mobileTable {
+  border-collapse: collapse;
   border-spacing: 0;
   width: 100%;
 }
@@ -13,7 +14,31 @@
 }
 
 .mobileTh {
+  font-size: var(--typography-Body-Regular-fontSize);
+  font-weight: 500;
   padding: var(--Spacing-x2);
+  text-align: left;
+}
+
+.mobileTr {
+  border-top: 1px solid var(--Main-Grey-10);
+}
+
+.mobileTd {
+  padding: var(--Spacing-x2);
+}
+
+.mobileTransactionDetails {
+  display: grid;
+  font-size: var(--typography-Footnote-Regular-fontSize);
+}
+
+.mobileTransactionDate {
+  font-weight: 700;
+}
+
+.mobileTransactionPoints {
+  font-size: var(--typography-Body-Regular-fontSize);
 }
 
 .mobilePlaceholder {
@@ -27,8 +52,8 @@
 }
 
 .table {
-  border-spacing: 0;
   border-collapse: collapse;
+  border-spacing: 0;
   width: 100%;
 }