Form data disappears on page reload – Add caching mechanism

[achrafhardizi]

Description

Currently, when filling out the form on page/podcast/new.astro after filling an episode url, all entered data is lost upon reloading the page.

Steps to Reproduce:

1. Navigate to geeksblabla.community/podcast/new.
2. Enter an Episode Url, the page will load data of this episode
3. Fill the missing data.
4. Refresh the page.
5. Observe that all input data is lost.

Expected Behavior

Form data should persist across page reloads using a caching mechanism

[yjose]

Few idea that can help fix this @achrafhardizi
I suggest using the URL as the state in this case. This approach ensures we persist the episode's state in the URL, allowing people to share it easily, similar to how we handle the state of the dev playground.

Note that we are using react-hook-form to manage the state of the new episode form. Therefore, it should be easy to access the state of all inputs using formState.