fix(ra-ui-materialui): Fix <TabbedFormView/> to support string ids with spaces

[geobde]

Bug Fix: TabbedForm Support for IDs with Spaces

Problem:

TabbedForm fails to render tabs when the entity ID contains spaces.
This occurs because TabbedFormView compares the raw location.pathname (which contains
encoded spaces as %20) with tab paths, causing the path matching to fail.

Solution:

Fixed getDecodedPathname utility function that:

1. Splits the pathname into segments
2. Decodes URI components to handle %20 and other encoded characters
3. Removes any remaining spaces
4. Rejoins the path

This ensures consistent path matching regardless of spaces in entity IDs, allowing
TabbedForm to properly render and navigate between tabs.

Fixes #9545

[djhi]

Hi and thanks for the PR! Would you mind adding a story and a test? Besides, don't we have the same issue with <TabbedShowLayout>?

[geobde]

Hello! No, we don't have the same issue with the TabbedShowLayout component because it doesn't use location.pathname to match the tab path.

[geobde]

@djhi i just added a story & unit test

[djhi]

I tried your PR locally and it seems it already work in v5 without the fix. Your issue mention react-admin v4 though. Can you confirm?

[geobde]

@djhi I’m not sure, but I just used the example app and changed the ID from 1 to "1 1", and it’s not working.

Here’s the link to the relevant code: data.tsx#L4.

[fzaninotto]

I can confirm the bug exists in v5