Improve click/touch without unintended interaction

Disable selecting clickables as text. Selecting buttons leads to
unintended selection. This is seen when touching on clickables using
mobile devices.

Prevent blue highlight when touching on clickables. This is seen on
mobile webkit browsers. It looks ugly and the visual clue provided is
not needed beacuse all clickables on mobile already  have visual clues.

src/presentation/components/Scripts/View/Cards/CardListItem.vue

@@ -130,7 +130,7 @@ $card-horizontal-gap    : $card-gap;
     padding-bottom: 0;
     padding-left: $card-inner-padding;
     position: relative;
-    cursor: pointer;
+    @include clickable;
     background-color: $color-primary;
     color: $color-on-primary;
     font-size: 1.5em;
@@ -187,7 +187,7 @@ $card-horizontal-gap    : $card-gap;
       font-size: 1.5em;
       align-self: flex-start;
       margin-right: 0.25em;
-      cursor: pointer;
+      @include clickable;
       color: $color-primary-light;
       @include hover-or-touch {
         color: $color-primary;

src/presentation/components/Scripts/View/ScriptsTree/SelectableTree/Node/DocumentationUrls.vue

@@ -33,8 +33,8 @@ export default class DocumentationUrls extends Vue {
 .documentationUrl {
   display: flex;
   color: $color-primary;
-  cursor: pointer;
   vertical-align: middle;
+  @include clickable;
   @include hover-or-touch {
     color: $color-primary-darker;
   }

src/presentation/components/Scripts/View/ScriptsTree/SelectableTree/Node/RevertToggle.vue

@@ -65,7 +65,6 @@ $size-height            : 30px;
 
 // https://www.designlabthemes.com/css-toggle-switch/
 .checkbox-switch {
-  cursor: pointer;
   display: inline-block;
   overflow: hidden;
   position: relative;
@@ -87,7 +86,7 @@ $size-height            : 30px;
     margin: 0;
     opacity: 0;
     z-index: 2;
-    cursor: pointer;
+    @include clickable;
   }
 
   .checkbox-animate {

src/presentation/components/Scripts/View/TheScriptsView.vue

@@ -137,7 +137,7 @@ $margin-inner: 4px;
     margin-top: 1em;
     color: $color-primary;
     &__close-button {
-      cursor: pointer;
+      @include clickable;
       font-size: 1.25em;
       margin-left: 0.25rem;
       @include hover-or-touch {