chore: add ability to switch wallets and chains to demo app

Author: einaralex

apps/customer/components/MoneriumConnect/MoneriumConnect.tsx

@@ -74,7 +74,7 @@ export const MoneriumConnect = () => {
           fullWidth
           size="large"
           variant="contained"
-          onClick={() => authorize()}
+          onClick={() => authorize({ skipKyc: true })}
           sx={{
             py: 1.75,
             fontSize: '1rem',

apps/customer/components/Navigation/TopBar.tsx

@@ -7,12 +7,13 @@ import Toolbar from '@mui/material/Toolbar';
 import Typography from '@mui/material/Typography';
 
 import { ThemeModeToggle } from 'components/ThemeModeToggle/ThemeModeToggle';
+import { ConnectButton } from '@rainbow-me/rainbowkit';
 
 export const TopBar = () => {
   const router = useRouter();
   return (
     <AppBar position="fixed" elevation={0}>
-      <Toolbar>
+      <Toolbar sx={{ gap: '16px' }}>
         <Typography
           variant="subtitle1"
           component="div"
@@ -25,7 +26,10 @@ export const TopBar = () => {
         >
           Monerium
         </Typography>
-        <ThemeModeToggle />
+        <ConnectButton chainStatus="icon" />
+        <IconButton>
+          <ThemeModeToggle />
+        </IconButton>
         <IconButton
           onClick={() => router.push('/profile')}
           aria-label="Profile"

apps/customer/config/wagmi.config.ts

@@ -1,5 +1,11 @@
 import { createConfig, http } from 'wagmi';
-import { sepolia } from 'wagmi/chains';
+import {
+  sepolia,
+  arbitrumSepolia,
+  polygonAmoy,
+  lineaSepolia,
+  baseSepolia,
+} from 'wagmi/chains';
 import { connectorsForWallets } from '@rainbow-me/rainbowkit';
 import {
   metaMaskWallet,
@@ -37,11 +43,15 @@ const getConnectors = () => {
 };
 
 export const config = createConfig({
-  chains: [sepolia],
+  chains: [sepolia, arbitrumSepolia, polygonAmoy, lineaSepolia, baseSepolia],
   connectors: getConnectors(),
   ssr: true,
   transports: {
     [sepolia.id]: http(),
+    [arbitrumSepolia.id]: http(),
+    [polygonAmoy.id]: http(),
+    [lineaSepolia.id]: http(),
+    [baseSepolia.id]: http(),
   },
 });