Fix lint, declare tooltip before class

Author: guerler

client/src/components/User/UserDetailsElement.vue

@@ -45,8 +45,8 @@ const getStoragePercentageClass = (percentage: number) => {
                     <FontAwesomeIcon :icon="faAt" class="user-details-icon p-2" />
                     <span
                         id="user-preferences-current-email"
-                        class="word-wrap-break"
                         v-b-tooltip.hover.noninteractive
+                        class="word-wrap-break"
                         title="Your email address">
                         {{ userEmail }}
                     </span>

client/src/style/scss/ui.scss

@@ -44,17 +44,18 @@
     overflow-y: auto !important;
 }
 
-// utility class to set word wrap to normal
-.word-wrap-normal {
-    word-wrap: normal;
-}
-
+// utility class to wrap words or break if necessary
 .word-wrap-break {
     overflow-wrap: break-word;
     white-space: normal;
     word-break: break-word;
 }
 
+// utility class to set word wrap to normal
+.word-wrap-normal {
+    word-wrap: normal;
+}
+
 // utility class to set white space wrapping to normal
 .white-space-normal {
     white-space: normal;