remove ellipsis and style links in roadmap

Author: ChaosExAnima

components/RoadmapStatus.tsx

@@ -13,12 +13,12 @@ interface RoadmapStatusProps {
 const messages = defineMessages({
   exploring: {
     id: "roadmap.status.exploring",
-    defaultMessage: "Exploring...",
+    defaultMessage: "Exploring",
     icon: ExploringIcon,
   },
   working: {
     id: "roadmap.status.working",
-    defaultMessage: "Working...",
+    defaultMessage: "Working",
     icon: WorkingIcon,
   },
   next: {

pages/roadmap.tsx

@@ -43,7 +43,7 @@ const Roadmap = ({
                   <h2 className="font-bold text-b1 col-start-2">
                     {data.title}
                   </h2>
-                  <div className="col-start-2 flex flex-col gap-1">
+                  <div className="col-start-2 flex flex-col gap-1 body-text">
                     <Markdown allowedElements={allowedElements}>
                       {content}
                     </Markdown>

styles/globals.scss

@@ -137,4 +137,14 @@
   .carousel__dot.carousel__dot--selected {
     @apply bg-blurple-500;
   }
+
+  .body-text {
+    a {
+      @apply text-blurple-500;
+
+      &:hover {
+        text-decoration-line: revert;
+      }
+    }
+  }
 }