fix: fix eslint issues

frontend/.prettierrc.json

@@ -1,7 +1,6 @@
 {
-    "semi": false,
-    "trailingComma": "es5",
-    "singleQuote": true,
-    "tabWidth": 2,
-    "useTabs": false
-  }
+  "trailingComma": "es5",
+  "singleQuote": true,
+  "tabWidth": 2,
+  "useTabs": false
+}

frontend/package.json

@@ -13,6 +13,7 @@
     "@emotion/react": "^11.11.1",
     "@emotion/server": "^11.11.0",
     "@emotion/styled": "^11.11.0",
+    "@keplr-wallet/types": "^0.12.39",
     "@mui/icons-material": "^5.14.11",
     "@mui/material": "^5.14.10",
     "@reduxjs/toolkit": "^1.9.7",
@@ -21,6 +22,7 @@
     "@types/react-dom": "18.2.7",
     "autoprefixer": "10.4.16",
     "axios": "^1.5.1",
+    "cosmjs-types": "^0.9.0",
     "eslint": "8.50.0",
     "eslint-config-next": "13.5.2",
     "next": "14.0.1",

frontend/src/app/(routes)/authz/page.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react';
 
 const page = () => {
   return <div className="page">authz</div>;

frontend/src/app/(routes)/feegrant/page.tsx

@@ -1,12 +1,7 @@
-import React from "react";
-import Feegrant from "./Feegrant";
+import React from 'react';
 
 const page = () => {
-  return (
-    <div className="page">
-      <Feegrant />
-    </div>
-  );
+  return <div className="page">Feegrant</div>;
 };
 
 export default page;

frontend/src/app/(routes)/governance/page.tsx

@@ -1,11 +1,7 @@
-import React from 'react'
+import React from 'react';
 
 const page = () => {
-  return (
-    <div className='page'>
-      governance
-    </div>
-  )
-}
+  return <div className="page">governance</div>;
+};
 
-export default page
+export default page;

frontend/src/app/(routes)/groups/page.tsx

@@ -1,13 +1,7 @@
-import React from "react";
-import Groups from "../../../components/tabs/Groups";
+import React from 'react';
 
 const page = () => {
-  return (
-    <div className="page space-y-10">
-      <Groups />
-
-    </div>
-  );
+  return <div className="page space-y-10">Groups</div>;
 };
 
 export default page;

frontend/src/app/(routes)/multisig/page.tsx

@@ -1,15 +1,7 @@
-import React from 'react'
-import AllMultisigAccount from './AllMultisigAccount'
-// import Groups from "../../../components/tabs/";
-import Multisig from 'staking/components/tabs/Multisg'
-
+import React from 'react';
 
 const page = () => {
-  return (
-    <div className='page'>
-     <Multisig />
-    </div>
-  )
-}
+  return <div className="page">Multisig</div>;
+};
 
-export default page
+export default page;

frontend/src/app/(routes)/staking/page.tsx

@@ -1,20 +1,6 @@
-import React from "react";
-import StakingCards from "../../../components/StakingCards";
-import StakedAmount from "../../../components/StakedAmount";
-import StakedAmountWithActions from "../../../components/StakedAmountWithActions";
-import ValidatorsTable from "../../../components/ValidatorsTable";
-
+import React from 'react';
 const page = () => {
-  return (
-    <div className="page space-y-10">
-      <StakedAmountWithActions />
-      <div className="topNav__title">
-        <h2>My Delegation</h2>
-      </div>
-      <StakingCards />
-      <ValidatorsTable />
-    </div>
-  );
+  return <div>Staking</div>;
 };
 
 export default page;

frontend/src/app/(routes)/transfers/page.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react';
 
 const page = () => {
   return <div className="page">transfers</div>;

frontend/src/app/layout.tsx

@@ -1,15 +1,15 @@
-import "./globals.css";
-import type { Metadata } from "next";
-import { Inter } from "next/font/google";
-import PermanentSideBar from "../components/PermanentSidebar";
-import { ConnectWalletButton } from "../components/ConnectWalletButton";
-import { StoreProvider } from "staking/store/StoreProvider";
+import './globals.css';
+import type { Metadata } from 'next';
+import { Inter } from 'next/font/google';
+import PermanentSideBar from '../components/PermanentSidebar';
+import { ConnectWalletButton } from '../components/ConnectWalletButton';
+import { StoreProvider } from 'staking/store/StoreProvider';
 
-const inter = Inter({ subsets: ["latin"] });
+const inter = Inter({ subsets: ['latin'] });
 
 export const metadata: Metadata = {
-  title: "Resolute",
-  description: "resolute",
+  title: 'Resolute',
+  description: 'resolute',
 };
 
 export default function RootLayout({