Improve UI for App Deployment Options in Dev Center

[rowin-C]

resolves #604

• Added CSS styling for deployment option cards
• Implemented active state switching between deployment methods with guardrails
• Abstracted saveEditApp for reuse across Deploy and Edit tabs
• Added error handling for invalid URLs in the Deploy tab

[jelveh]

Thanks @rowin-C, have been very much looking forward to this PR 🎉

A few things:

• Both options have this description: "Some description about the mode"
• It seems like the URL "https://dev-center.puter.com/coming-soon.html" is not deployable unless it's changed first. I'd say it should be deployable as it's a good default URL until the developer deploys the real version
• Entering a URL and pressing deploy, throws the following eror:

[rowin-C]

Thanks @jelveh , Glad to hear that.

I’ll update the descriptions to:

Upload Assets: “Upload and deploy static assets like HTML, CSS, and JavaScript directly to host your app.”

External URL: “Set the app’s index to any publicly accessible URL where your app is already deployed.”

Regarding https://dev-center.puter.com/coming-soon.html: the URL is deployable, but currently the input needs to be interacted with first. If we don’t do that, the Deploy button would be active by default since the input already has a value.

Do we want the Deploy button to be active every time Dev Center loads, or only after the user explicitly interacts with the input?

[jelveh]

Do we want the Deploy button to be active every time Dev Center loads, or only after the user explicitly interacts with the input?

For "URL mode", the deploy button should be enabled by default unless the user removed the URL

[jelveh]

🎉🎉🎉