Fixed connect button

[Preshy-Jones]

Before submitting your PR for review

• Run npm run eslint to find errors in code syntax/format
• Run npm run eslint:fix to fix all auto-fixable errors in source code and auto-format with prettier
• Ensure you fix any linting errors displayed after running any of the above commands
• Ensure you fix all merge conflicts before sending PR

What does this PR do?

Fixes #issue_number (replace issue_number with the issue number this PR solves)

Summarise the main tasks handled in the pull request

Description of Task to be completed?

Describe (in detail) what the task completed in the pull request does as per the relevant task

How should this be manually tested?

Give bullet point instructions on how to setup the code and test it manually (Assume no prior experience on JS or code)

Any background context you want to provide?

Any pertinent information that should be considered

What is the link to the issue on Github?

Issue #240

Questions:

If something is unclear or you want some questions to be addressed by your peers, mention them here

[oscar-ekeyekwu]

@Preshy-Jones which connect button was fixed please.. let your title be more descriptive..

• What team task is this? And your PR wants to merge to main and not dev. I cannot merge any PR pointing to main