Mint NFT button doesn't automatically connect to the wallet.

[HemaDeviU]

Is your feature request related to a problem? Please describe.
The "Mint NFT" button on the Story Protocol Explorer is currently non-functional unless the user has connected their wallet beforehand.
The "Connect Wallet" button is located in the top right corner, separate from the "Mint NFT" button.
This separation creates a confusing user experience (UX) as users might click "Mint NFT" first, expecting it to initiate the wallet connection and minting process.
The current design leads to mild frustration for users who encounter a non-functional button and need to discover the "Connect Wallet" option separately.

Describe the solution you'd like
Automatic Wallet Connection: Automatically connect the user's wallet upon clicking "Mint NFT," with a clear notification explaining the action.

Describe alternatives you've considered
Rename Button: Rename the button to "Connect Wallet and Mint NFT" or clearly indicate the required action in the description .

Additional context
https://github.com/storyprotocol/protocol-explorer-app/assets/135946602/129a74de-1725-4b20-a8f1-1afab249d4d6

I can work on the issue.