feat: loosen up the zod validations and return null instead of throwing

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

@@ -2,97 +2,3 @@
   display: grid;
   gap: var(--Spacing-x3);
 }
-
-.mobileTable {
-  border-collapse: collapse;
-  border-spacing: 0;
-  width: 100%;
-}
-
-.mobileThead {
-  background-color: var(--Main-Grey-10);
-}
-
-.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 {
-  text-align: center;
-  padding: var(--Spacing-x4);
-  border: 1px solid var(--Main-Grey-10);
-}
-
-.tableContainer {
-  display: none;
-}
-
-.table {
-  border-collapse: collapse;
-  border-spacing: 0;
-  width: 100%;
-}
-
-.thead {
-  background-color: var(--Main-Grey-10);
-  border-left: 1px solid var(--Main-Grey-10);
-  border-right: 1px solid var(--Main-Grey-10);
-}
-
-.tr {
-  border: 1px solid #e6e9ec;
-}
-
-.th {
-  text-align: left;
-  padding: 20px 32px;
-}
-
-.td {
-  text-align: left;
-  padding: 16px 32px;
-}
-
-.placeholder {
-  width: 100%;
-  padding: 24px;
-  text-align: center;
-  border: 1px solid var(--Main-Grey-10);
-}
-
-@media screen and (min-width: 768px) {
-  .mobileTableContainer {
-    display: none;
-  }
-
-  .tableContainer {
-    display: flex;
-    flex-direction: column;
-    gap: 16px;
-    overflow-x: auto;
-  }
-}