fix(usePathname): prevent duplication of subpath in pathname

[vgeorge]

Related Ticket: #1332

Description of Changes

When using usePathname() hook, strip the application pathname to avoid duplicating it in generated links.

Validation / Testing

App is running from the root path:

• Make sure PUBLIC_URL is undefined in environment files
• Start the app with yarn dev, visit http://localhost:9000/data-catalog
• Clicking on the cards takes to the correct page

Apps is running from a subpath:

• Set PUBLIC_URL=/subpath in the environment file
• Start the app with yarn dev, visit http://localhost:9000/subpath/data-catalog
• Card links are correct

[netlify]

✅ Deploy Preview for veda-ui ready!

Name	Link
🔨 Latest commit	5c0bbbb
🔍 Latest deploy log	https://app.netlify.com/sites/veda-ui/deploys/6761cd051b120e00089a2853
😎 Deploy Preview	https://deploy-preview-1333--veda-ui.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[vgeorge]

I added a commit now to handle full URLs in PUBLIC_URL environment variable. To test, in addition to the validation scenarios described above, set PUBLIC_URL=http://locahost:9000/subpath and visit the data catalog to test the cards.

[hanbyul-here]

🙇 thanks for looking at it - I do think we need this fix. I also want to add that all the frameworks have a different way of handling this public_url thing (ex.Next uses basePath)

It will be really ideal if we can fully let the router of the application handle this. But we need this fix for now for instance, so I will approve it - but I will think about how we should handle this further.