fix(nav): keep More-hub tile labels inside their tiles

The mobile "More" overflow sheet renders a two-column grid of icon-plus-label
tiles. The label span carried min-w-0 but no break handling, so a long
single-word label such as the German "Benachrichtigungen" — which has no
natural break opportunity — pushed past its grid track and overflowed the
tile box.

Add break-words to the label so an unbroken long word breaks inside the tile;
combined with the existing min-w-0 shrink and the auto-height tile (min-h-14),
the second line is absorbed cleanly. The fix is layout-level, so every label
in all six locales fits without special-casing the longest one.

src/components/layout/bottom-nav.tsx

@@ -220,7 +220,15 @@ export function BottomNav() {
                   )}
                 >
                   <item.icon className="h-5 w-5 shrink-0" aria-hidden="true" />
-                  <span className="min-w-0 text-sm font-medium leading-tight">
+                  {/* v1.18.0 — the label must stay inside the tile across all
+                      six locales. The longest single-word label (German
+                      "Benachrichtigungen") has no natural break opportunity, so
+                      `min-w-0` alone is not enough — the unbroken word forces the
+                      span past the grid track and overflows the tile. `min-w-0`
+                      lets the flex child shrink below its content width,
+                      `break-words` introduces a break inside the long word, and
+                      the auto-height tile (`min-h-14`) absorbs the second line. */}
+                  <span className="min-w-0 break-words text-sm font-medium leading-tight">
                     {t(item.tKey)}
                   </span>
                 </Link>