Fix TypeScript errors in recipes/sharing-state.mdx

[ArmandPhilippot]

Description (required)

Follow-up of #14089. TL;DR: Improve UX by preventing the appearance of red squiggles (TS) and visual changes (formatting with Astro extension) when the user copies and pastes a code snippet.

• Fixes TypeScript errors in recipes/sharing-state.mdx: getElementById() can return null. In the first snippet, the optional chaining operator is enough. In the second snippet, because we assign a new style, we need to wrap it with an if statement.
• Formats updated code snippets (new project, Astro extension enabled)

References

• Related to Fix TypeScript errors in "Configuration" & "Routing and navigation" code snippets #14089

[astrobot-houston]

Lunaria Status Overview

🌕 This pull request will trigger status changes.

Learn more

By default, every PR changing files present in the Lunaria configuration's files property will be considered and trigger status changes accordingly.

You can change this by adding one of the keywords present in the ignoreKeywords property in your Lunaria configuration file in the PR's title (ignoring all files) or by including a tracker directive in the merged commit's description.

Tracked Files

File	Note
en/recipes/sharing-state.mdx	Source changed, localizations will be marked as outdated.

Warnings reference

Icon	Description
🔄️	The source for this localization has been updated since the creation of this pull request, make sure all changes in the source have been applied.

[github-actions]

Preview deployment

✅ Deployment complete!

• Latest commit: 28abeeb
• Preview: https://armand-fix-sharing-state-recipe.previews.docs.astro.build
• Workflow run: View logs

[yanthomasdev]

LGTM! Good work!