Enhance styling for blog post content with additional prose classes

Author: gptkong

src/layouts/BlogPost.astro

@@ -81,7 +81,7 @@ const { title, description, pubDate, updatedDate, heroImage, tags } =
             }
           </header>
           <div
-            class="prose-headings:font-bold prose-headings:text-gray-800 prose-p:text-gray-600 prose-a:text-blue-600 prose-a:no-underline hover:prose-a:underline"
+            class="prose-headings:font-bold prose-headings:text-gray-800 prose-p:text-gray-600 prose-a:text-blue-600 prose-a:no-underline hover:prose-a:underline prose-table:w-full prose-table:border prose-table:border-gray-200 prose-th:bg-gray-100 prose-th:p-2 prose-th:border prose-th:border-gray-200 prose-td:p-2 prose-td:border prose-td:border-gray-200 prose-tr:even:bg-gray-50 prose-tr:hover:bg-blue-50"
           >
             <slot />
           </div>