fix: the gif (#149)

fix the gif

docs/community/highlights.md

@@ -1,7 +1,7 @@
 ---
 id: highlights
 title: 'Highlight your open source contributions'
-sidebar_label: 'Highlight your open source contributions'
+sidebar_label: 'Highlights'
 keywords:
   - highlights
 ---

docs/community/insight-pages.md → docs/community/insights.md

@@ -1,12 +1,13 @@
 ---
-id: insight-pages
-title: 'View your favorite projects in the Insight pages'
-sidebar_label: 'View your favorite projects in the Insight pages'
+id: insights
+title: 'Insights into open source projects'
+sidebar_label: 'Insights'
 keywords:
-- insight-pages
+- insights
 ---
 
  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)
+
+![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

@@ -18,10 +18,10 @@ module.exports = {
       collapsed: false,
       items: [
         "community/welcome-to-the-community",
-        "community/highlights",
         "community/100-days-of-oss",
+        "community/highlights",
+        "community/insights",
         "community/faqs",
-        "community/insight-pages",
       ],
     },
     {