[feat] Add connect wallet functionality

[jimenezz22]

Pull Request

• Closes [feat] Add connect wallet functionality  #110
• Added tests (if necessary)
• Run tests
• Run formatting
• Commented the code

Changes description

Describe what your changes will do and any TODOs there might be in the future related to the issue you are closing.

• Use useState to manage wallet connection status (walletConnection), storing the wallet address and wallet object.
• The handleConnect function triggers wallet connection via connect() and retrieves the wallet's address.
• Upon successful connection, stores the address in the component state and persists it in localStorage for session persistence.
• The handleDisconnect function disconnects the wallet via disconnect(), clears the connection state, and removes relevant data from localStorage.
• The "Connect wallet" button dynamically changes to display the connected wallet’s shortened address (e.g., 0x1234...abcd) when a wallet is connected.
• A disconnect button allows the user to disconnect their wallet with a simple UI interaction.

Current output

Before connecting:

During connecting:

After connecting:

Time spent breakdown

Give a breakdown on the time you used to solve the issue you are closing.

• Approximately 4/5 hours divided into two days. I read the Starknetkit documentation required to connect the wallets, saw their examples and adapted it to what is required for this issue

Comments

Any other details you might want to share.

• None

[adrianvrj]

Looks good, just a couple of changes

[adrianvrj]

@jimenezz22 seems like something went wrong when building the frontend

[jimenezz22]

@jimenezz22 seems like something went wrong when building the frontend

@adrianvrj checking

[jimenezz22]

@adrianvrj Everything looks good right now

[adrianvrj]

@jimenezz22 everything looks good now, tysm, great work homie!