fix: fix build

[Hemanthghs]

          Let's address these warnings

warn - The `@variants` directive has been deprecated in Tailwind CSS v3.0.
warn - Use `@layer utilities` or `@layer components` instead.
warn - https://tailwindcss.com/docs/upgrade-guide#replace-variants-with-layer

And build is failing with error

./src/components/ConnectWalletButton.tsx
74:6  Warning: React Hook useEffect has a missing dependency: 'dispatch'. Either include it or remove the dependency array.  react-hooks/exhaustive-deps

./src/store/features/multisig/multisigService.ts
12:1  Warning: Assign object to a variable before exporting as module default  import/no-anonymous-default-export

info  - Need to disable some ESLint rules? Learn more here: https://nextjs.org/docs/basic-features/eslint#disabling-rules
   Linting and checking validity of types ..Failed to compile.

./src/store/features/wallet/walletService.ts:4:19
Type error: Property 'keplr' does not exist on type 'Window & typeof globalThis'.

  2 |   switch (walletName) {
  3 |     case "keplr":
> 4 |       if (!window.keplr) return false;
    |                   ^
  5 |       window.wallet = window.keplr;
  6 |       return true;
  7 |     case "leap":
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

Originally posted by @aleem1314 in #805 (comment)