Added Description and Resources for Relay Modern (#1000)

* Added Description and Resources for Relay Modern

* Update content/roadmaps/100-frontend/content/119-graphql/101-relay-modern.md

* Update content/roadmaps/100-frontend/content/119-graphql/101-relay-modern.md

* Update content/roadmaps/100-frontend/content/119-graphql/101-relay-modern.md

* Update content/roadmaps/100-frontend/content/119-graphql/101-relay-modern.md

* Update content/roadmaps/100-frontend/content/119-graphql/101-relay-modern.md

Co-authored-by: Kamran Ahmed <kamranahmed.se@gmail.com>

content/roadmaps/100-frontend/content/119-graphql/101-relay-modern.md

@@ -1 +1,9 @@
-# Relay modern
+# Relay Modern
+
+Relay is a JavaScript client used in the browser to fetch GraphQL data. It's a JavaScript framework developed by Facebook for managing and fetching data in React applications. It is built with scalability in mind in order to power complex applications like Facebook. The ultimate goal of GraphQL and Relay is to deliver instant UI-response interactions.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='blue' badgeText='Official Website' href='https://relay.dev/'>Official Website</BadgeLink>
+<BadgeLink colorScheme='blue' badgeText='Official Website' href='https://relay.dev/'>Official Website</BadgeLink>
+<BadgeLink colorScheme='blue' badgeText='Official Website' href='https://relay.dev/'>Official Website</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://relay.dev/docs/'>Introduction to Relay modern</BadgeLink>