fix: #413 text not wrapping in location names when in location page (#422)

Author: EdWorth120

frontend/pages/location/[id].vue

@@ -142,10 +142,10 @@
             <div>
               <div v-if="location?.parent" class="breadcrumbs py-0 text-sm">
                 <ul class="text-base-content/70">
-                  <li>
+                  <li class="text-wrap">
                     <NuxtLink :to="`/location/${location.parent.id}`"> {{ location.parent.name }}</NuxtLink>
                   </li>
-                  <li>{{ location.name }}</li>
+                  <li class="text-wrap">{{ location.name }}</li>
                 </ul>
               </div>
               <h1 class="flex items-center gap-3 pb-1 text-2xl">