docs: adding an explainer page and GIF on insight pages

docs/community/insight-pages.md

@@ -0,0 +1,12 @@
+---
+id: insight-pages
+title: 'View your favorite projects in the Insight pages'
+sidebar_label: 'View your favorite projects in the Insight pages'
+keywords:
+- insight-pages
+---
+
+ The Insights feature is where you pick and view the repositories that you often contribute to. It's a great way to stay updated on their growth.
+[insight-pages-demo](../../static/gif/insight-page-demo.gif)
+
+Craving for more? Check out the [Discovering Open-Source with OpenSauced](https://github.com/open-sauced/intro/blob/main/05-how-to-contribute-to-open-source.md#discovering-open-source-with-opensauced) section in our free beginner course on open source.

sidebars.js

@@ -21,6 +21,7 @@ module.exports = {
         "community/highlights",
         "community/100-days-of-oss",
         "community/faqs",
+        "community/insight-pages",
       ],
     },
     {