Align contract event log l&f with transactions (#2812)

* Event into own component, align with transactions

* Pass value & type through from event log params

* Reformat display columns

js/src/api/contract/contract.js

@@ -150,7 +150,9 @@ export default class Contract {
       log.event = event.name;
 
       decoded.params.forEach((param) => {
-        log.params[param.name] = param.token.value;
+        const { type, value } = param.token;
+
+        log.params[param.name] = { type, value };
       });
 
       return log;