docs: added JWT_SECRET Secret Generator block for our Button !!

[0xTaneja]

Description

“Fixes #2956"

Adds an in-page "Secret Generator” block to the Env Vars docs. The new component shows JWT_SECRET= in a code block, generates a secure 64-char value, copies it to the clipboard, and resets after a few seconds—making it easy for readers to grab a valid secret without leaving the page. Also removed the old unused button component.

Future Improvements which we can consider :-
I made the component such that it accepts a varName prop, so we can easily add generators for other secrets (OAuth client secret, etc.) by reusing the same block.

Select what type of change this PR introduces:

1. Just code/docs improvement (no functional change).
2. Bug fix (non-breaking change which fixes an issue).
3. New feature (non-breaking change which adds functionality).
4. Breaking change (fix or feature that would cause existing functionality to not work as expected).

[0xTaneja]

2025-07-15.04-23-14.mp4

[cprecioso]

Super nice (and fast) work! I'd like to propose a design change though. In order not to break the flow of our docs too much, it'd be better if this was just a single button that worked inline, so there'd be no need to add a section for it. Here's a sketch of how I see it working:

You can copy-paste the svg code for the icons at e.g. Radix Icons

Some more things:

• No need to have the name of the variable in the output
• I am impressed by the feature to clear out the secrets after 8s! However, this string is not so sensitive, so that feature is not necessary, it can be a bit annoying if people forget to copy it.
• I also wouldn't auto-copy the secret, we might erase something the user had in their clipboard! Providing a button for copying it is nice though.

And finally, some quick style to-dos:

• When you're done with the files, go to the repo root and run npm i && npm run prettier:format so the coding style is automatically applied
• Also, I'll ask you to convert the inline styles to tailwind or to css modules

[0xTaneja]

@cprecioso perfect i will work on those changes then , for having a section, i just took inspiration from your better auth link and tried to work about how they do !!

[0xTaneja]

2025-07-16.20-55-15.mp4

@cprecioso did it inline , i feel i could work on button styling more and designing it more perfect , but yeah a feedback from our design engineer would be better in this case, i guess its frank right our design engineer ?? don't know i am happy to work around if needed. @cprecioso review it when you get time !!

[cprecioso]

Hi @0xTaneja this is on my radar, I might take couple working days to review, but I haven't forgotten!