auto-compounder feature (#2394)

* feat(base): add side panel and mobile header

* feat(base): add a working table

* feat(base): add mock auto-compounder form

* feat(base): add a mock positions table ( D+M )

* feat(base): update font-size iter-1

* feat(base): fix more spacing issues

* feat(base): add mock deposit modal for AC [ D+M
]

* feat(base): basic refactoring

* feat: integration deposit list and form with contracts

* fix(base): gremlins in deposit

* feat(base): add integration with vault positions table

1. Isolated types
2. Build hook to supply positions.

Yet to be fixed.
Correct Maths

* feat(base): Get a workable withdrawal

* chore: update package-lock post react-toastify installation

* feat(base): get a functional deposit form

* fix(base): minor issues

* fix(base): issues with auto-compounder

* fix(base): 0 positions issue

* fix: deposit

* fix(base): style

* fix(base): build errors

* change all references of deposit to stake

* update more text to stake from deposit

* change withdraw to unstake and references

* fix styles, remove ripple effect, redirect to tab after stake

* updates based on PR feedback

* update approved text string

* change auto compounder logo color to white

* align to figma on deposit modal

* more updates to styles on stake tab

* add initial success modal

* cleanup on positions view

* remove extra wallet buttons from mobile

* add success modal for unstake

* fix tab styling

* more styling cleanup

* change bg color of unstake modal

* add success modal to stake and unstake

* add success modal on mobile

* use primary button over action button

* address PR feedback, remove globe icon, remove network button

* fix sidebar background color

* fix daily rate % on mobile

* file re-structure and cleanup

* replace px values with rem

* fix modal width;

* fix width of unstake button

* fix width value

* fix width of step button

* revert positions table

* add apr & tvl to dropdown

* fix tooltips on mobile and offset

* remove duplicated tooltip logic and extract to single component

* fix currency formatting

* fix issue with hover on desktop

* address more PR feedback, success icon, text updates

* extract custom tooltip to component for reuse, add icons to positions table

* add links to sidebar on mobile, header on desktop

* fix padding issues

* add cache-control header to api route (#2398)

* feat(base): add support of cbBTC/Klima + bct/usdc

---------

Co-authored-by: 0xMakkkka <[email protected]>
Co-authored-by: 0xMakka <[email protected]>

base/abis/ERC20.ts

@@ -0,0 +1,36 @@
+export const ERC20_ABI = [
+  {
+    name: "symbol",
+    type: "function",
+    stateMutability: "view",
+    inputs: [],
+    outputs: [{ type: "string", name: "" }],
+  },
+  {
+    name: "decimals",
+    type: "function",
+    stateMutability: "view",
+    inputs: [],
+    outputs: [{ type: "uint8", name: "" }],
+  },
+  {
+    inputs: [
+      { name: "owner", type: "address" },
+      { name: "spender", type: "address" },
+    ],
+    name: "allowance",
+    outputs: [{ name: "", type: "uint256" }],
+    stateMutability: "view",
+    type: "function",
+  },
+  {
+    inputs: [
+      { name: "spender", type: "address" },
+      { name: "amount", type: "uint256" },
+    ],
+    name: "approve",
+    outputs: [{ name: "", type: "bool" }],
+    stateMutability: "nonpayable",
+    type: "function",
+  },
+] as const;