Connect Angular app to web3 wallet

I have the early beginnings of an Angular 13 dApp. I'm struggling to get it to connect to wallets. Most dApps use React, but that's not an option. When connecting, they usually use a modal dialog to choose the method of connecting, oftentimes via Web3Modal. I've attached a screenshot of a modal from a popular dApp. You're work should look something like that and support all of the methods on the screenshot.

1. Add a button to the page to click to connect.
2. Clicking the button while already connected should disconnect.
3. App should auto connect when refreshed.
4. Address should show in button when connected.
5. All methods of connecting in screenshot should be supported.
6. Enable access to the connected and disconnected web3 instance. This could be via ngrx store( already installed ) or via dependency injection. Best practice should be used, let's discuss.
7. You may use web3modal, if you can get it to function correctly. This is actually preferred.

For anyone that's skilled in angular, ngrx, and web3, this should be a relatively fast job to complete, measured in just a couple of hours.

Source will be provided to the winning bidder. There isn't much to look at, thus it's not really important for the bid.