Verify wallet connection before allowing token purchase

[Josue19-08]

➡️ Title

Verify wallet connection before allowing token purchase

📘 Description

Ensure the user has an active connected wallet before initiating a token purchase.

🚀 Requirements

• Check wallet connection status before enabling the purchase button or component.
• If the wallet is not connected, display a clear message prompting the user to connect their wallet.
• Prevent purchase actions when no wallet is connected.

📝 Implementation notes

• Integrate with existing wallet connection logic.
• Follow UX patterns for wallet connection prompts.
• Structure code cleanly for easy maintenance and future wallet providers.

✅ Acceptance Criteria

• Wallet connection verified before allowing token purchases.
• Clear message displayed if wallet is not connected.
• Uses kebab-case for all file and folder names.
• Does not use default alias imports or relative paths.
• Uses alias paths with @.
• Code structured with reusable components and reuses existing ones.

⚠ Use kebab-case for all file and folder names.
⚠ Do not use default alias imports or relative paths like ../../components/foo.
⚠ Use alias paths with @, e.g. @/components/foo.
⚠ Structure the code with reusable components and reuse existing ones.

[Pfed-prog]

I would like to be assigned this issue