feat(chips): leverage td-chip for all cases introducing td-chip-avatar

[emoralesb05]

Description

now we can use normal chip strings, template chips and contact chips by mixin and matching our templates and directives

we renamed td-basic-chip to td-chip since it will serve a generic purpose depending on its content.

What's included?

• Styling for [td-chip-avatar]
• Updated demos

Usage

<td-chips>
  <ng-template td-chip let-chip="chip">
    <div class="tc-grey-100 bgc-teal-700" td-chip-avatar>{{chip.substring(0, 1).toUpperCase()}}</div>
  </ng-template>
</td-chips>

Test Steps

• Go to http://localhost:4200/#/components/chips
• See updated demos (2 and 3)

General Tests for Every PR

• ng serve --aot still works.
• npm run lint passes.
• npm test passes and code coverage is not lower.
• npm run build still works.

Screenshots or link to CodePen/Plunker/JSfiddle