chore: add info to ctf challenge (#710)

data/challenges.json

@@ -85,7 +85,7 @@
   },
   "6": {
     "name": "CTF Challenge",
-    "description": "Cybersecurity has never been more exciting! Put your skills to the test with our Capture the Flag game. Once a day, scavenge all the flags to win an exclusive badge - a medal of honour for all those who plow through this challenge until victory!",
+    "description": "Cybersecurity has never been more exciting! Put your skills to the test with our Capture the Flag game. Once a day, scavenge all the flags to win an exclusive badge - a medal of honour for all those who plow through this challenge until victory!\nNote: the flag will always have same format: SEI{some_text}",
     "prizes": [
       {
         "name": "Exclusive Badge"

layout/Challenges/components/Challenges/Challenge/index.tsx

@@ -42,7 +42,9 @@ export default function Challenge(props: IProps) {
       <h2 className="font-terminal-uppercase select-none text-3xl text-white md:text-4xl xl:text-5xl">
         {props.title}
       </h2>
-      <p className="mt-10 font-iregular text-white">{props.description}</p>
+      <div className="mt-10">
+        {props.description.split("\n").map((e) => (<p className="font-iregular text-white">{e}</p>))}
+      </div>
       <div className="mt-3 flex flex-col">
         {props.hrefs &&
           props.hrefs.map((href, i) => (