feat: add prose-custom table styles for tinymce content

Author: zorexsalvo

src/styles/main.css

@@ -449,4 +449,54 @@ body {
     color: var(--orange-2);
     @apply underline;
   }
+
+  .prose-custom table {
+    width: 100% !important;
+    height: auto !important;
+    border-collapse: collapse !important;
+    border-spacing: 0 !important;
+    border: none !important;
+    border-radius: 1rem;
+    overflow: hidden;
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
+    margin-bottom: 2rem;
+    font-family: "Nunito", sans-serif;
+    font-size: 1rem;
+  }
+
+  .prose-custom table th {
+    background-color: #6b4226 !important;
+    color: white !important;
+    font-family: 'Bantayog', sans-serif !important;
+    font-weight: 700 !important;
+    text-align: left !important;
+    padding: 1rem 1.5rem !important;
+    border: none !important;
+  }
+
+  .prose-custom table td {
+    padding: 1rem 1.5rem !important;
+    border: none !important;
+    border-bottom: 1px solid #e8d5c4 !important;
+    color: var(--brown-2);
+    vertical-align: top !important;
+    text-align: left !important;
+  }
+
+  .prose-custom table tbody tr:nth-child(odd) {
+    background-color: #ffffff !important;
+  }
+
+  .prose-custom table tbody tr:nth-child(even) {
+    background-color: #f8ebe5 !important;
+  }
+
+  .prose-custom table td p {
+    font-size: 1rem !important;
+    margin-bottom: 0.5rem !important;
+  }
+
+  .prose-custom table td p:last-child {
+    margin-bottom: 0 !important;
+  }
 }