Add bookmark API functionality to API Catalog view

[bajiat]

Users need to be able to see both available APIs and the APIs they have subscribed to on the user dashboard. They also need to have method for subscribing to or bookmarking APIs.
User story: As Minh (API consumer), I want to find Apinf hosted APIs.

Definition of done

• Add API catalog to user dashboard view
• Create button for bookmarking APIs.
  • Create a template containing a 'bookmark' button (bootstrap button)
  • Create a template event to console.log on the button click
• Add 'bookmark' button(s) to API Catalog table
  • Create additional column in API Catalog table (tabular)
  • Add the 'bookmark' template as a template cell in each row newly of created column
  • Alert, or log, 'hello world' when 'boookmark' button is clicked
  • Console.log document ID when 'bookmark' button is clicked
  • Console.log user ID when 'bookmark' button is clicked
• Associate users with API backends via a foreign key relationship
  • Decide how to associate users with backends, via a relationship (foreign key) field
• Display bookmarks list in HTML template
  • Generate list of API bookmarks
  • Show API ID for each bookmark in template
  • Inside template helper, create array of API IDs (from bookmarks)
  • Return API Backends query (using API IDs array)
• Display API bookmark titles in template, {{#each apiBackends }}

[brylie]

There are two basic approaches to storing the bookmarks:

• bookmarkedApiIdsfield in user profile - containing an array of API IDs the user has bookmarked
• bookmarkedByIds field in ApiBackend collection - containing an array of User IDs who have bookmarked the API

[brylie]

@JuusoV, I have rewritten this task to include some specific, and sequential, steps you can take to make progress. I will also link to relevant documentation and sourcecode files ASAP.

[JuusoV]

Still needed to add some styles.
Thanks for help @brylie and @frenchbread

[JuusoV]

TODO: PR