Break long file name into multiple lines

In the FormFile component, break a long file name into
multiple lines using the word-break CSS property. This
ensures that long file names are properly displayed
within their container without causing overflow issues.
Fixes #121

The word-break property will allow the text to wrap onto
the next line at any character, maintaining the layout
integrity and improving the user interface.

Change-Id: Id534dd4e8f7737a60483272f2fdd70deb7a8a002
Signed-off-by: Farah Rasheed <[email protected]>

src/components/Global/FormFile.vue

@@ -107,6 +107,7 @@ export default {
   display: flex;
   align-items: center;
   background-color: theme-color('light');
+  word-break: break-all; // break long file name into multiple lines
   .btn {
     width: 36px;
     height: 36px;