Add topics and make searching by topics simpler

[FarazPatankar]

I have displayed the topics associated with each library and also made them clickable. This way, whenever a user clicks a topic, they can search by that specific topic.

I also created a small demo to see the feature in action.

[brentvatne]

hello! thanks for the pr! after seeing this in the ui i'm not totally sure we want it to be featured so prominently. i'll defer to @jonsamp for design ideas here.

also, i noticed that we're already factoring in topics when you search, so that's nice! the ui is the only remaining bit

[FarazPatankar]

Haha, fair enough. I thought the page could use some colors but I am open to changing whatever.

I was also considering using icons for the platforms but I didn't know what to use for MacOS. 🤔

[brentvatne]

Another thing to consider for these tags - currently we're just using "topics" from GitHub, but this doesn't work too well in some situations, eg: if a library is inside of a monorepo, it can't have its own topics. So we should maybe use npm keywords in addition to GitHub topics and uniq them.

[FarazPatankar]

I'd be open to that. Are we already fetching that information?

[brentvatne]

not yet - we're just fetching download stats from npm: https://github.com/react-native-community/directory/blob/master/scripts/fetch-npm-data.js

[jonsamp]

This is a cool feature! Thanks for adding it. Since there are many topics and they act like site links, I think we can style these like links. Here's a design that puts topics below the description. The text-size here is 12px (and the background and border is the same as the link styling):

[FarazPatankar]

Ooh, I like that. I'll try to update and push this over the weekend!

[brentvatne]

lovely @jonsamp!