Add word-break utility class and apply it to notification content

frontend/assets/css/style.css

@@ -29,6 +29,10 @@ html {
     white-space: nowrap;
 }
 
+.is-text-break {
+    word-break: break-word;
+}
+
 .is-masked,
 .is-full-mask,
 .is-full-mask :not(figure) {

frontend/components/Message.vue

@@ -17,7 +17,7 @@
       </template>
       <template v-else>{{ title }}</template>
     </div>
-    <div class="notification-content content" v-if="false === useToggle || toggle">
+    <div class="notification-content content is-text-break" v-if="false === useToggle || toggle">
       <template v-if="message">{{ message }}</template>
       <slot/>
     </div>