web/communities: wrap mobile breadcrumb instead of scrolling

Let the community breadcrumb wrap whole crumbs onto the next line on
mobile rather than horizontally scrolling, so a long current-community
name is never truncated and the "Select area" dropdown stays visible.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

Author: kevinortiz43

app/web/features/communities/CommunityPage/CommunityPageSubHeader.tsx

@@ -32,19 +32,11 @@ const StyledBreadcrumbs = styled(Breadcrumbs)(({ theme }) => ({
     justifyContent: "flex-start",
   },
   [theme.breakpoints.down("sm")]: {
-    width: "100%",
     fontSize: theme.typography.body2.fontSize,
     "& .MuiTypography-root, & .MuiLink-root, & .MuiButton-root": {
       fontSize: "inherit",
     },
-    // Keep the whole chain on one line; scroll horizontally instead of wrapping
-    // when it's wider than the screen (fits without scrolling at typical widths).
-    "& ol": {
-      flexWrap: "nowrap",
-      overflowX: "auto",
-      scrollbarWidth: "none",
-      "&::-webkit-scrollbar": { display: "none" },
-    },
+    // Wrap a whole crumb to the next line instead of truncating a name.
     "& li": {
       flexShrink: 0,
       whiteSpace: "nowrap",