[editor] Use dashed outline for element selection and resize

For dynamic section we keep the solid line as the dashed one is harder 
to see. Needs to be discussed maybe.

projects/editor/src/app/components/unit-view/page-view/canvas/overlays/dynamic-canvas-overlay.component.ts

@@ -38,7 +38,7 @@ import { UIElement } from '../../../../../../../../common/models/uI-element';
          [style.position]="'relative'"
          [style.width.px]="dragging ? elementWidth : 0"
          [style.height.px]="dragging ? elementHeight : 0"
-         [style.border]="'1px solid purple'">
+         [style.border]="'1px dashed purple'">
     </div>
   `,
   styles: [

projects/editor/src/app/components/unit-view/page-view/canvas/overlays/static-canvas-overlay.component.ts

@@ -20,7 +20,7 @@ import { UIElement } from '../../../../../../../../common/models/uI-element';
       <div *cdkDragPlaceholder></div>
       <!-- Needs extra div because styling can interfere with drag and drop-->
       <div [style.position]="'absolute'"
-           [style.outline]="isSelected ? 'purple solid 1px' : ''"
+           [style.outline]="isSelected ? '1px dashed purple' : ''"
            [style.left.px]="element.positionProps?.xPosition"
            [style.top.px]="element.positionProps?.yPosition"
            [style.z-index]="element.positionProps?.zIndex">