Improving website navigation and help click-through analytics collection

[ekzhu]

Improving website navigation:

1. Group top-nav bar links into Docs and Examples, making more space to add links to Discord and Twitter.
2. Add directly links into Docs and Examples dropdowns, to surface important topics in each category.
3. Replace discord and roadmap links with aka.ms links for click-through statistics collection.
4. Adding default category page for tutorial, ecosystems.

#2141

[codecov-commenter]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 37.94%. Comparing base (44acab4) to head (21480d1).

Additional details and impacted files

@@           Coverage Diff           @@
##             main    #2205   +/-   ##
=======================================
  Coverage   37.94%   37.94%           
=======================================
  Files          77       77           
  Lines        7780     7780           
  Branches     1666     1666           
=======================================
  Hits         2952     2952           
  Misses       4579     4579           
  Partials      249      249           

Flag	Coverage Δ
unittests	37.93% <ø> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[ekzhu]

@JingyaChen i made the changes based on your sketch in #2141, with some modifications on the dropdown lists. @nitya has commented on how we are not surfacing our important content higher. So this is me trying to pick out important stuff like non open ai model support to higher level to make it more stand out

[jackgerrits]

The examples drop down is confusing to me

[ekzhu]

The examples drop down is confusing to me

Any ideas? I think we can have different views of example notebooks:

1. Group by topics, like the the current example page, but instead of listing the notebooks manually, we show sections with different notebooks of different topics.
2. Group by LLM model used. This is helpful for people to find the best practice for different LLMs.
3. Group by application domains

[jackgerrits]

The examples drop down is confusing to me

Any ideas? I think we can have different views of example notebooks:

1. Group by topics, like the the current example page, but instead of listing the notebooks manually, we show sections with different notebooks of different topics.
2. Group by LLM model used. This is helpful for people to find the best practice for different LLMs.
3. Group by application domains

I think we can improve the notebooks page by grouping by category/topic and having a consistent set of tags for things like LLM model used or application domain. Then we can make the top section for filtering clearer

[ekzhu]

Updated per suggestions and discussion with @jackgerrits

Created #2242 for follow up