Sidebar state fix

[firebed]

In shadcn-vue docs they mention that SIDEBAR_COOKIE_NAME is sidebar_state but in the actual code in sidebar/utils.ts it's sidebar:state (with semicolon)

Without this fix, the sidebar looses its state everytime the user navigates to a different page or refreshes the page.

[tnylea]

Thanks! Good catch @firebed 💪

[muhammadcahya]

Hi @firebed @tnylea
I believe we should retain sidebar_state, but the issue lies in utils.ts, specifically with the SIDEBAR_COOKIE_NAME constant to sidebar_state.

The react version has already addressed this (merged in shadcn/react) and the same fix is relevant for Vue. (credit : @longzheng )

here the statement :

The current sidebar cookie name is not valid because it contains a colon, which is not permitted (but most browsers will accept).

A <cookie-name> can contain any US-ASCII characters except for: control characters ([ASCII](https://developer.mozilla.org/en-US/docs/Glossary/ASCII) characters 0 up to 31 and ASCII character 127) or separator characters (space, tab and the characters: ( ) < > @ , ; : \ " / [ ] ? = { })

This causes issues with Mock Service Worker and other libraries which validate cookie names based on very strict rules.

See original fixes shadcn-ui/ui#6391

[firebed]

Update cookie name in utils.ts as suggested by @muhammadcahya

@tnylea - I'll implement the suggested approach by updating the cookie name in the utils.ts file. Would you prefer I:

1. Close this PR and create a new one, or
2. Revert the previous commits within this PR?