fix(url): show full urls everywhere in UI

[seaerchin]

Problem

Some places don't show the full UI but we should always show the full UI everywhere. this also fixes a bug with the page settings modal where we were calling the wrong function for the close button

Solution

1. update the creation modal to fetch the full permalink from the backend and show it
2. update the pagecreationmodal so that it uses a grid. this is because removing the left adornment makes the left section squished and shorter than required.
3. update the folder settings modal to use the full url also (similar fashion as ^)
4. update the box to use a Suspense so that we can load in the folder setings modal quickly

Checks

1. create a page in both folder and collection
2. the page should show the full url on the details screen
3. type an extremely long url
4. click on settings for a nested folder
5. the folder settings modal should show the full url
6. open the page settings modal
7. click on the Close button
8. the modal should close

Video

Screen.Recording.2024-12-19.at.10.59.06.PM.mov

[datadog-opengovsg]

Datadog Report

Branch report: fix/page-url
Commit report: f496d95
Test service: isomer-studio

✅ 0 Failed, 232 Passed, 36 Skipped, 38.49s Total Time
⬆️ Test Sessions change in coverage: 1 increased (+0.01%)

[harishv7]

More on the UI - should we keep the existing look but add the parent path prefix as part of the gray box?

[adriangohjw]

had a brief discussion with Chin and it seems like it will be too long, especially when considering the parent permalink

[seaerchin]

actually the figma design is to have the infobox and not this, refer to the figma here

[harishv7]

Yea that's fine. What I felt helped was having the <example.com>/ or the site domain in front

For now a simple fix would be to keep the your-site.gov.sg/ in front of the permalink

[seaerchin]

we shuold change everything at once but idt that should be a blocker here

[harishv7]

Approving first, should follow up with future PR to add the site domain prefix