Fix text alignment in Features and Contributions sections

- Added max-width-prose utility class to limit text width to 65ch
- Added mx-auto utility class for centering content
- Applied proper centering to contribution section description
- Ensures descriptions are properly aligned and readable

Author: sahithvibudhi

src/components/Roadmap.astro

@@ -91,7 +91,7 @@ const getStatusClass = (status: string) => {
 
     <div class="cta-section">
       <h3 class="text-2xl font-semibold mb-4">Want to Contribute?</h3>
-      <p class="text-muted mb-6">
+      <p class="text-muted mb-6 max-width-prose mx-auto">
         Every feature in DataPup is built by developers like you. Join us in creating the best database client.
       </p>
       <div class="cta-buttons">
@@ -283,8 +283,9 @@ const getStatusClass = (status: string) => {
     border: 1px solid rgba(255, 255, 255, 0.05);
   }
 
-  .max-width-prose {
-    max-width: 65ch;
+  .mx-auto {
+    margin-left: auto;
+    margin-right: auto;
   }
 
   @media (max-width: 768px) {

src/styles/global.css

@@ -144,6 +144,15 @@
   color: var(--color-text-secondary);
 }
 
+.max-width-prose {
+  max-width: 65ch;
+}
+
+.mx-auto {
+  margin-left: auto;
+  margin-right: auto;
+}
+
 /* Flex */
 .flex {
   display: flex;