[Frontend] Refactor Inspector to use s-status-editing

open #468
Removed ng-show="editMode" in object-inspector.html;
Refactored CSS as required in _inspector.scss;
Added opacity transition to splitter-inspect-panel and
split-pane-component pane bottom, but not working as desired currently:
entire inspector seems to be destroyed and recreated when switching into
and out of edit mode;
Moved <style> def for .location-item in object-inspector.html into .scss;

platform/commonUI/general/res/templates/object-inspector.html

@@ -19,11 +19,6 @@
  this source code distribution or the Licensing information page available
  at runtime from the About dialog for additional information.
 -->
-<style>
-    .s-status-editing .location-item{
-        pointer-events: none;
-    }
-</style>
 <span class="l-inspect" ng-controller="ObjectInspectorController as controller">
     <div ng-controller="PaneController as modelPaneEdit">
         <mct-split-pane class='abs contents split-layout' anchor='bottom'>
@@ -69,8 +64,8 @@
                     </ul>
                 </div><!--/ holder-inspector -->
             </div><!--/ split-pane-component -->
-            <mct-splitter class="splitter-inspect mobile-hide" ng-show="editMode"></mct-splitter>
-            <div class="split-pane-component pane bottom" ng-show="editMode">
+            <mct-splitter class="splitter-inspect-panel mobile-hide"></mct-splitter>
+            <div class="split-pane-component pane bottom">
                 <div class="abs holder holder-elements l-flex-col">
                     <em class="flex-elem">Elements</em>
                     <mct-representation