GUI: Update contact card

[jonasngs]

This PR fixes #581.

The contact card is updated according to the image above.

The following features were implemented:

• Differentiating tag colors according to application component
• Refining GUI ListView
• Refining cardpane of each component

[codecov-io]

Codecov Report

Merging #582 into master will increase coverage by 9.18%.
The diff coverage is 27.55%.

@@             Coverage Diff              @@
##             master     #582      +/-   ##
============================================
+ Coverage     18.89%   28.08%   +9.18%     
- Complexity      370      627     +257     
============================================
  Files           227      241      +14     
  Lines          4392     4779     +387     
  Branches        524      582      +58     
============================================
+ Hits            830     1342     +512     
+ Misses         3487     3312     -175     
- Partials         75      125      +50     

Impacted Files	Coverage Δ	Complexity Δ
...main/java/seedu/address/commons/core/Messages.java	0.00% <ø> (ø)	0.00 <0.00> (ø)
...eedu/address/logic/commands/ViewCommandResult.java	0.00% <0.00%> (ø)	0.00 <0.00> (?)
...ommands/contactlistcommands/AddContactCommand.java	94.11% <ø> (+94.11%)	8.00 <0.00> (+8.00)
...mmands/contactlistcommands/EditContactCommand.java	88.63% <ø> (+88.63%)	13.00 <0.00> (+13.00)
...mmands/modulelistcommands/CalculateCapCommand.java	0.00% <0.00%> (ø)	0.00 <0.00> (ø)
...modulelistcommands/TargetCapCalculatorCommand.java	0.00% <0.00%> (ø)	0.00 <0.00> (ø)
...modulelistcommands/ViewArchivedModulesCommand.java	0.00% <0.00%> (ø)	0.00 <0.00> (ø)
...commands/modulelistcommands/ViewModuleCommand.java	0.00% <0.00%> (ø)	0.00 <0.00> (ø)
...ic/commands/schedulercommands/AddEventCommand.java	0.00% <0.00%> (ø)	0.00 <0.00> (ø)
...commands/schedulercommands/DeleteEventCommand.java	0.00% <0.00%> (ø)	0.00 <0.00> (ø)
... and 120 more

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 25e9f46...b87bd9c. Read the comment docs.

[davidcaiqifan]

LGTM