wrap long texts without spaces

Author: crisnicandrei

src/app/shared/components/breadcrumbs/breadcrumbs.component.scss

@@ -6,17 +6,21 @@
 
 .breadcrumbs {
   width: 100%;
-  flex-wrap: wrap; 
-  white-space: normal; 
-  overflow-x: visible; 
-  overflow-y: visible;
   display: flex;
-  align-items: center;
+  flex-wrap: wrap;
+  white-space: normal;
+  overflow: visible;
+  min-width: 0;
 }
 
 pr-breadcrumb {
   display: flex;
+  flex: 0 1 auto;
+  min-width: 0; // ✅ allow shrinking in flex layout
   color: white;
+  white-space: normal;
+  word-break: break-word;
+  overflow-wrap: anywhere;
 
   @include after($tablet-horizontal) {
     padding: 0.25rem 0;
@@ -25,6 +29,11 @@ pr-breadcrumb {
   a {
     color: white;
     text-decoration: none;
+
+    display: inline;
+    white-space: normal;
+    word-break: break-word;
+    overflow-wrap: anywhere;
   }
 
   .current {