feat: integrate ubeswap savings widget

.yarnrc.yml

@@ -1,5 +1,11 @@
+httpTimeout: 600000
+
+networkConcurrency: 1
+
 nodeLinker: node-modules
 
+npmRegistryServer: "https://registry.npmjs.org"
+
 plugins:
   - path: .yarn/plugins/@yarnpkg/plugin-postinstall.cjs
     spec: "https://raw.githubusercontent.com/gravitywelluk/yarn-plugin-postinstall/master/bundles/%40yarnpkg/plugin-postinstall.js"

package.json

@@ -228,6 +228,7 @@
         "amplitude-js": "^8.21.2",
         "dotenv": "^16.3.1",
         "ethers": "^5.7.2",
+        "lit": "^3.3.2",
         "mobile-device-detect": "^0.4.3",
         "native-base": "^3.4.28",
         "posthog-react-native": "^4.1.0",

src/components/Faq/Faq.tsx

@@ -7,7 +7,7 @@ import MarkDown from '@ronradtke/react-native-markdown-display'
 
 import { faqs } from './copies'
 
-export type FaqType = 'swap' | 'buy' | 'bridge' | 'goodid' | 'claim' | 'reserve'
+export type FaqType = 'swap' | 'buy' | 'bridge' | 'goodid' | 'claim' | 'reserve' | 'savings'
 
 const FaqItem = ({ id, question, answer, links, AltLink }) => {
     const { isDesktopView } = useScreenSize()

src/components/Faq/copies.tsx

@@ -342,11 +342,25 @@ const faqReserveCopy: FaqItemCopy[] = [
     },
 ]
 
+const faqSavingsCopy: FaqItemCopy[] = [
+    {
+        id: 'howdoesitwork',
+        question: `How does the savings work?`,
+        answer: `You can stake your G$ tokens in the savings contract to earn rewards. The rewards are distributed from the GoodDollar community fund.`,
+    },
+    {
+        id: 'canunstake',
+        question: `Can I unstake at any time?`,
+        answer: `Yes, there is no lock-up period. You can unstake your G$ tokens whenever you want.`,
+    },
+]
+
 export const faqs = {
     swap: faqSwapCopy,
     buy: faqBuyCopy,
     bridge: faqBridgeCopy,
     goodid: faqGoodIDCopy,
     claim: faqClaimCopy,
     reserve: faqReserveCopy,
+    savings: faqSavingsCopy,
 }