[Feature] Move from EtherJs to viem, by using wagmi

[hermannleboss]

Description

We need to move from etherjs to Viem, and use wagmi on top of it.

Acceptance Criteria

• [x] Wagmi setup and first use.
• [ ] Refactoring all existing feature with Wagmi

[dasarathg68]

Notes for future reference:

350 sets up and initializes wagmi in the frontend.

Further, it uses a function setupApp() to improve testability of the main.ts file.

export function setupApp() {
  const app = createApp(App)
  const queryClient = new QueryClient()

  app.use(createPinia())
  app.use(router)
  app.use(WagmiPlugin, { config })
  app.use(VueQueryPlugin, { queryClient })

  return app
}
setupApp().mount('#app')

I have set wagmi.config.ts based on best practices that allow us to leverage both the @wagmi/core and @wagmi/vue libraries since some composables like deploy aren't available for Vue just yet. In a different project, I have played around with all of the functions that we would need for the CNC portal and if you need a reference, then here's what you would need to use: https://github.com/dasarathg68/GovernanceX/blob/main/app/src/views/HomeView.vue https://wagmi.sh/vue/getting-started https://wagmi.sh/core/getting-started