fix: tweak markdown based pages

Author: rtwoo

src/pages/Mentorship.tsx

@@ -81,12 +81,11 @@ Mentees will work on projects with their mentors, including:
 
 export default function Mentorship() {
   return (
-    <div className="max-w-5xl mx-auto p-6 mt-20  shadow-md rounded-lg">
-      <h1 className="section-header-text">Mentorship Program 🧑‍🏫</h1>
+    <div className="max-w-5xl mx-auto p-6 my-28 shadow-md rounded-lg">
       <ReactMarkdown
         children={markdownContent}
         remarkPlugins={[remarkGfm]}
-        className="prose lg:prose-xl"
+        className="prose lg:prose-xl prose-invert"
       />
     </div>
   );

src/pages/PointsSystem.tsx

@@ -40,12 +40,11 @@ Earn points through different activities to unlock rewards. Here’s a breakdown
 
 export default function PointsSystem() {
   return (
-    <div className="max-w-5xl mx-auto p-6 my-20 shadow-md rounded-lg">
-      <h1 className="section-header-text">Points System AKA Distinguished Members Program 🎯</h1>
+    <div className="max-w-5xl mx-auto p-6 my-28 shadow-md rounded-lg">
       <ReactMarkdown
         children={markdownContent}
         remarkPlugins={[remarkGfm]}
-        className="prose lg:prose-xl custom-table" // Add a custom class here
+        className="prose lg:prose-xl prose-invert custom-table" // Add a custom class here
       />
     </div>
   );

src/pages/PositionOpenings.tsx

@@ -74,7 +74,7 @@ const applicationURL = "https://forms.gle/7cRWXCLeLCRANtS86";
 
 export default function Positions() {
   return (
-    <div className="max-w-5xl mx-auto p-6 mt-28 shadow-md rounded-lg">
+    <div className="max-w-5xl mx-auto p-6 my-28 shadow-md rounded-lg">
       <ReactMarkdown
       children={adminContent}
       remarkPlugins={[remarkGfm]}