Create Wallet Context for global wallet state management

[Luluameh]

Closes #4

---

Wallet Context Implementation
The global wallet state management feature has been successfully implemented to fulfill the requirements of Issue #4.

Implemented state tracking for publicKey, isConnected, and a new isConnecting loading state.
Designed to easily drop in the final Solana/Web3 provider later in Task #3 without changing the consumer signature.
State Persistence (localStorage):

Integrated localStorage to save the isConnected and publicKey values.
Added a useEffect hook that restores this state when the components mount.
This ensures the wallet remains visually disconnected/connected across page reloads seamlessly.
UX Enhancements (
page.tsx
):

Updated the main interface to consume the new isConnecting state.
Added a visually pleasing loading spinner and a "Connecting..." label when the user initiates a wallet connection.
Handled edge cases during hydration and button disabling states while connecting, delivering a highly professional Web3 feel.
Validation Results
The
WalletProvider
successfully wraps the main application tree via
layout.tsx
.
Connect/disconnect actions mock an 800ms delay to reflect realistic network latency.
Component state persists safely across browser sessions without causing hydration mismatch errors.
Visual feedback is responsive to user interactions as expected.

Screen.Recording.2026-02-22.002246.mp4

[Luluameh]

Hello @Iwueseiter, please review my PR

[Iwueseiter]

Hello @Luluameh, this task depends on #3, which has just been implemented. Please pull and ensure your implementation is functioning as expected.

[Luluameh]

Hello @Iwueseiter Done with it, waiting for review.