FLOE-195: Implement the mismatch details dialog

The related JIRA: http://issues.fluidproject.org/browse/FLOE-195

The feedback tool test plan has been updated with how to test the mismatch details dialog: http://wiki.fluidproject.org/display/fluid/Metadata+Feedback+Tool+QA+Test+Plan

One issue with the implementation in this pull request is, there are situations that two tooltips, or one dialog and one tooltip, are showing at the same time. This issue will be address in http://issues.fluidproject.org/browse/FLOE-226
We should avoid using the ">" syntax in these selectors since it unnecessarily constrains the component layout used by integrators. However, I think we should qualify the class name to the full "fluid.prefs.resourcePath" to increase readability as well as safety of binding.