add file tags, tabular variables, and observation into the item card information

[ChengShi-1]

What this PR does / why we need it:

For Q4.2, the goal is to complete the missing information on the cards in collection page. Thus, this issues aims to implementing following missing info.

• file tags

For tabular files,

• variables
• observations
• tabular tags

Which issue(s) this PR closes:

• Closes Collection page: add file tags into the item card information, and add numbers & tabular tags for tabular file #564

Special notes for your reviewer:

changes variablesCount, observationsCount to variable, observation to keep name constant
wait for the IQSS/dataverse-client-javascript#234 to be merged, then the package.json should be removed

Suggestions on how to test this:

npm install and npm run build to update packages

1. Go to SPA, create a dataset
2. upload a .tab type file or other tabular types of data such as excel, csv etc.
3. Go to JSF, locate the file just uploaded
4. Click "ADD + Edit Metadata" button
5. edit option => tags
   
6. gives some random tags(both file tags and tabular data tags) to the file, save changes
   
7. publish the dataset
8. back to SPA, check if the variables, observations, and tags are shown correctly on collection page in SPA
   Also, check if File tags are in grey color while tabular data tags are in blue color

Does this PR introduce a user interface change? If mockups are available, please link/include them here:

• variables
• observations
• tags

[coveralls]

coverage: 97.623% (+0.4%) from 97.179%
when pulling 59056b0 on 564-collection-page-add-file-tags-into-the-item-card-information-and-add-numbers-tabular-tags-for-tabular-file
into f758ee6 on develop.