fix(gatsby-theme-notes): Render correct breadcrumb path based on basePath

[jakewies]

Description

In scenarios where the basePath option is not provided, it defaults to "/". When this happens, the breadcrumbs render as such:

~ / / example-dir

This is due to a regex replacement that causes the base breadcrumb text to be an empty string:

basePath.replace(/^\//, ``)

The initial breadcrumb divider should only render if there is a custom basePath (or more importantly, if the basePath has a text length). This results in proper breadcrumb text:

~ / example-dir

Related Issues

Closes #15493

[sidharthachatterjee]

This is great! Thank you so much @jakewies and congratulations on your first contribution to Gatsby 💜

[gatsbot]

Holy buckets, @jakewies — we just merged your PR to Gatsby! 💪💜

Gatsby is built by awesome people like you. Let us say “thanks” in two ways:

1. We’d like to send you some Gatsby swag. As a token of our appreciation, you can go to the Gatsby Swag Store and log in with your GitHub account to get a coupon code good for one free piece of swag. We’ve got Gatsby t-shirts, stickers, hats, scrunchies, and much more. (You can also unlock even more free swag with 5 contributions — wink wink nudge nudge.) See gatsby.dev/swag for details.
2. We just invited you to join the Gatsby organization on GitHub. This will add you to our team of maintainers. Accept the invite by visiting https://github.com/orgs/gatsbyjs/invitation. By joining the team, you’ll be able to label issues, review pull requests, and merge approved pull requests.

If there’s anything we can do to help, please don’t hesitate to reach out to us: tweet at @gatsbyjs and we’ll come a-runnin’.

Thanks again!

[jakewies]

Thanks @sidharthachatterjee !