refactor: finance sections

package.json

@@ -50,6 +50,7 @@
     "@lens-protocol/metadata": "^1.2.0",
     "@lens-protocol/react": "^2.3.2",
     "@lens-protocol/react-web": "^2.3.1",
+    "@metamask/sdk-react": "^0.31.4",
     "@mui/base": "^5.0.0-beta.7",
     "@mui/lab": "^5.0.0-alpha.136",
     "@mui/material": "^5.16.5",
@@ -129,7 +130,6 @@
     "@babel/plugin-syntax-flow": "^7.22.5",
     "@babel/plugin-transform-react-jsx": "^7.22.5",
     "@eslint/js": "^9.14.0",
-    "@froxz/vite-plugin-s3": "^1.6.0",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
     "@types/autosuggest-highlight": "^3.2.0",

src/App.tsx

@@ -88,7 +88,6 @@ export default function App() {
                   <Router />
                   <ResponsiveOverlay />
                 </SnackbarProvider>
-
               </MotionLazy>
             </ThemeProvider>
           </Provider>

src/assets/animations/watchit-spinner.json

@@ -1 +1,343 @@
-{"nm":"Main Scene","ddd":0,"h":500,"w":500,"meta":{"g":"@lottiefiles/creator 1.31.1"},"layers":[{"ty":4,"nm":"logo","sr":1,"st":0,"op":150,"ip":0,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[250,250]},"s":{"a":1,"k":[{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[100,100],"t":0},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[60,60],"t":49},{"s":[100,100],"t":100}]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[250,256.95313194692716]},"r":{"a":1,"k":[{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[0],"t":0},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[2160],"t":98},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[2160],"t":100},{"s":[2160],"t":149}]},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"shapes":[{"ty":"gr","bm":0,"hd":false,"nm":"Group 1","it":[{"ty":"el","bm":0,"hd":false,"nm":"Ellipse 1","d":1,"p":{"a":0,"k":[410,158]},"s":{"a":0,"k":[70,70]}},{"ty":"gf","bm":0,"hd":false,"nm":"Fill","e":{"a":0,"k":[392.112,131.061]},"g":{"p":2,"k":{"a":0,"k":[0,0.5686274509803921,0.6196078431372549,0.6705882352941176,1,1,1,1]}},"t":1,"a":{"a":0,"k":0},"h":{"a":0,"k":0},"s":{"a":0,"k":[432.026,93.0909]},"r":1,"o":{"a":0,"k":100}},{"ty":"tr","a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}}]},{"ty":"gr","bm":0,"hd":false,"nm":"Group 2","it":[{"ty":"sh","bm":0,"hd":false,"nm":"Path 1","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[-16.820999999999998,40.55599999999998],[4.498999999999995,7.086999999999989],[11.382000000000005,5.84099999999998],[20.3373,-8.816000000000003],[-3.878300000000003,-8.477000000000004],[0,0]],"o":[[40.605999999999995,32.72500000000002],[-13.919999999999987,-32.143],[-8.483000000000004,-13.370000000000005],[-19.39999999999999,-11.563000000000002],[-8.553000000000004,3.7080000000000126],[0,0],[0,0]],"v":[[111.049,260.02],[187.575,221.24],[159.767,161.955],[130.647,132.621],[67.6855,127.247],[60.6274,149.81],[111.049,260.02]]}}},{"ty":"gf","bm":0,"hd":false,"nm":"Fill","e":{"a":0,"k":[77.531,267.166]},"g":{"p":2,"k":{"a":0,"k":[0,0.5686274509803921,0.6196078431372549,0.6705882352941176,1,1,1,1]}},"t":1,"a":{"a":0,"k":0},"h":{"a":0,"k":0},"s":{"a":0,"k":[162.818,338.583]},"r":1,"o":{"a":0,"k":100}},{"ty":"tr","a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}}]},{"ty":"gr","bm":0,"hd":false,"nm":"Group 3","it":[{"ty":"sh","bm":0,"hd":false,"nm":"Path 2","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[-43.32400000000001,111.88499999999999],[-9.676999999999964,0],[0,0],[-5.927000000000021,-14.382999999999981],[-36.48599999999999,80.95600000000002],[-2.2579999999999814,5.0639999999999645],[68.51500000000004,1.6119999999999948],[0,0],[83.614,67.125],[-2.7480000000000047,-6.105000000000018]],"o":[[36.485000000000014,80.95600000000002],[5.9269999999999925,-14.384000000000015],[0,0],[9.677000000000021,0],[43.32600000000002,111.88499999999999],[2.745999999999981,-6.105000000000018],[-83.61399999999998,67.12699999999995],[0,0],[-68.51599999999996,1.612000000000009],[2.2560000000000002,5.062000000000012],[0,0]],"v":[[118.69,277.014],[236.214,322.358],[256.138,280.021],[256.138,280.163],[276.06,322.5],[393.586,277.156],[401.227,260.16],[256.138,122.882],[256.138,122.74],[111.049,260.02],[118.69,277.014]]}}},{"ty":"fl","bm":0,"hd":false,"nm":"Fill","c":{"a":0,"k":[1,1,1]},"r":2,"o":{"a":0,"k":100}},{"ty":"tr","a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}}]}],"ind":1},{"ty":4,"nm":"background","sr":1,"st":0,"op":150,"ip":0,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[250,250]},"s":{"a":0,"k":[96.0268,96.0268]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[250,250]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"shapes":[{"ty":"gr","bm":0,"hd":false,"nm":"Group 4","it":[{"ty":"rc","bm":0,"hd":false,"nm":"Rectangle 1","d":1,"p":{"a":0,"k":[250,250]},"r":{"a":1,"k":[{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[50],"t":0},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[250],"t":17},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[250],"t":84},{"s":[50],"t":100}]},"s":{"a":0,"k":[500,500]}},{"ty":"fl","bm":0,"hd":false,"nm":"Fill","c":{"a":0,"k":[0.2902,0.2039,0.7216]},"r":1,"o":{"a":0,"k":100}},{"ty":"tr","a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}}]}],"ind":2}],"v":"5.7.0","fr":30,"op":150,"ip":0,"assets":[]}
+{
+  "nm": "Main Scene",
+  "ddd": 0,
+  "h": 500,
+  "w": 500,
+  "meta": { "g": "@lottiefiles/creator 1.31.1" },
+  "layers": [
+    {
+      "ty": 4,
+      "nm": "logo",
+      "sr": 1,
+      "st": 0,
+      "op": 150,
+      "ip": 0,
+      "hd": false,
+      "ddd": 0,
+      "bm": 0,
+      "hasMask": false,
+      "ao": 0,
+      "ks": {
+        "a": { "a": 0, "k": [250, 250] },
+        "s": {
+          "a": 1,
+          "k": [
+            { "o": { "x": 0.333, "y": 0 }, "i": { "x": 0.667, "y": 1 }, "s": [100, 100], "t": 0 },
+            { "o": { "x": 0.333, "y": 0 }, "i": { "x": 0.667, "y": 1 }, "s": [60, 60], "t": 49 },
+            { "s": [100, 100], "t": 100 }
+          ]
+        },
+        "sk": { "a": 0, "k": 0 },
+        "p": { "a": 0, "k": [250, 256.95313194692716] },
+        "r": {
+          "a": 1,
+          "k": [
+            { "o": { "x": 0.333, "y": 0 }, "i": { "x": 0.667, "y": 1 }, "s": [0], "t": 0 },
+            { "o": { "x": 0.333, "y": 0 }, "i": { "x": 0.667, "y": 1 }, "s": [2160], "t": 98 },
+            { "o": { "x": 0.333, "y": 0 }, "i": { "x": 0.667, "y": 1 }, "s": [2160], "t": 100 },
+            { "s": [2160], "t": 149 }
+          ]
+        },
+        "sa": { "a": 0, "k": 0 },
+        "o": { "a": 0, "k": 100 }
+      },
+      "shapes": [
+        {
+          "ty": "gr",
+          "bm": 0,
+          "hd": false,
+          "nm": "Group 1",
+          "it": [
+            {
+              "ty": "el",
+              "bm": 0,
+              "hd": false,
+              "nm": "Ellipse 1",
+              "d": 1,
+              "p": { "a": 0, "k": [410, 158] },
+              "s": { "a": 0, "k": [70, 70] }
+            },
+            {
+              "ty": "gf",
+              "bm": 0,
+              "hd": false,
+              "nm": "Fill",
+              "e": { "a": 0, "k": [392.112, 131.061] },
+              "g": {
+                "p": 2,
+                "k": {
+                  "a": 0,
+                  "k": [0, 0.5686274509803921, 0.6196078431372549, 0.6705882352941176, 1, 1, 1, 1]
+                }
+              },
+              "t": 1,
+              "a": { "a": 0, "k": 0 },
+              "h": { "a": 0, "k": 0 },
+              "s": { "a": 0, "k": [432.026, 93.0909] },
+              "r": 1,
+              "o": { "a": 0, "k": 100 }
+            },
+            {
+              "ty": "tr",
+              "a": { "a": 0, "k": [0, 0] },
+              "s": { "a": 0, "k": [100, 100] },
+              "sk": { "a": 0, "k": 0 },
+              "p": { "a": 0, "k": [0, 0] },
+              "r": { "a": 0, "k": 0 },
+              "sa": { "a": 0, "k": 0 },
+              "o": { "a": 0, "k": 100 }
+            }
+          ]
+        },
+        {
+          "ty": "gr",
+          "bm": 0,
+          "hd": false,
+          "nm": "Group 2",
+          "it": [
+            {
+              "ty": "sh",
+              "bm": 0,
+              "hd": false,
+              "nm": "Path 1",
+              "d": 1,
+              "ks": {
+                "a": 0,
+                "k": {
+                  "c": true,
+                  "i": [
+                    [0, 0],
+                    [-16.820999999999998, 40.55599999999998],
+                    [4.498999999999995, 7.086999999999989],
+                    [11.382000000000005, 5.84099999999998],
+                    [20.3373, -8.816000000000003],
+                    [-3.878300000000003, -8.477000000000004],
+                    [0, 0]
+                  ],
+                  "o": [
+                    [40.605999999999995, 32.72500000000002],
+                    [-13.919999999999987, -32.143],
+                    [-8.483000000000004, -13.370000000000005],
+                    [-19.39999999999999, -11.563000000000002],
+                    [-8.553000000000004, 3.7080000000000126],
+                    [0, 0],
+                    [0, 0]
+                  ],
+                  "v": [
+                    [111.049, 260.02],
+                    [187.575, 221.24],
+                    [159.767, 161.955],
+                    [130.647, 132.621],
+                    [67.6855, 127.247],
+                    [60.6274, 149.81],
+                    [111.049, 260.02]
+                  ]
+                }
+              }
+            },
+            {
+              "ty": "gf",
+              "bm": 0,
+              "hd": false,
+              "nm": "Fill",
+              "e": { "a": 0, "k": [77.531, 267.166] },
+              "g": {
+                "p": 2,
+                "k": {
+                  "a": 0,
+                  "k": [0, 0.5686274509803921, 0.6196078431372549, 0.6705882352941176, 1, 1, 1, 1]
+                }
+              },
+              "t": 1,
+              "a": { "a": 0, "k": 0 },
+              "h": { "a": 0, "k": 0 },
+              "s": { "a": 0, "k": [162.818, 338.583] },
+              "r": 1,
+              "o": { "a": 0, "k": 100 }
+            },
+            {
+              "ty": "tr",
+              "a": { "a": 0, "k": [0, 0] },
+              "s": { "a": 0, "k": [100, 100] },
+              "sk": { "a": 0, "k": 0 },
+              "p": { "a": 0, "k": [0, 0] },
+              "r": { "a": 0, "k": 0 },
+              "sa": { "a": 0, "k": 0 },
+              "o": { "a": 0, "k": 100 }
+            }
+          ]
+        },
+        {
+          "ty": "gr",
+          "bm": 0,
+          "hd": false,
+          "nm": "Group 3",
+          "it": [
+            {
+              "ty": "sh",
+              "bm": 0,
+              "hd": false,
+              "nm": "Path 2",
+              "d": 1,
+              "ks": {
+                "a": 0,
+                "k": {
+                  "c": true,
+                  "i": [
+                    [0, 0],
+                    [-43.32400000000001, 111.88499999999999],
+                    [-9.676999999999964, 0],
+                    [0, 0],
+                    [-5.927000000000021, -14.382999999999981],
+                    [-36.48599999999999, 80.95600000000002],
+                    [-2.2579999999999814, 5.0639999999999645],
+                    [68.51500000000004, 1.6119999999999948],
+                    [0, 0],
+                    [83.614, 67.125],
+                    [-2.7480000000000047, -6.105000000000018]
+                  ],
+                  "o": [
+                    [36.485000000000014, 80.95600000000002],
+                    [5.9269999999999925, -14.384000000000015],
+                    [0, 0],
+                    [9.677000000000021, 0],
+                    [43.32600000000002, 111.88499999999999],
+                    [2.745999999999981, -6.105000000000018],
+                    [-83.61399999999998, 67.12699999999995],
+                    [0, 0],
+                    [-68.51599999999996, 1.612000000000009],
+                    [2.2560000000000002, 5.062000000000012],
+                    [0, 0]
+                  ],
+                  "v": [
+                    [118.69, 277.014],
+                    [236.214, 322.358],
+                    [256.138, 280.021],
+                    [256.138, 280.163],
+                    [276.06, 322.5],
+                    [393.586, 277.156],
+                    [401.227, 260.16],
+                    [256.138, 122.882],
+                    [256.138, 122.74],
+                    [111.049, 260.02],
+                    [118.69, 277.014]
+                  ]
+                }
+              }
+            },
+            {
+              "ty": "fl",
+              "bm": 0,
+              "hd": false,
+              "nm": "Fill",
+              "c": { "a": 0, "k": [1, 1, 1] },
+              "r": 2,
+              "o": { "a": 0, "k": 100 }
+            },
+            {
+              "ty": "tr",
+              "a": { "a": 0, "k": [0, 0] },
+              "s": { "a": 0, "k": [100, 100] },
+              "sk": { "a": 0, "k": 0 },
+              "p": { "a": 0, "k": [0, 0] },
+              "r": { "a": 0, "k": 0 },
+              "sa": { "a": 0, "k": 0 },
+              "o": { "a": 0, "k": 100 }
+            }
+          ]
+        }
+      ],
+      "ind": 1
+    },
+    {
+      "ty": 4,
+      "nm": "background",
+      "sr": 1,
+      "st": 0,
+      "op": 150,
+      "ip": 0,
+      "hd": false,
+      "ddd": 0,
+      "bm": 0,
+      "hasMask": false,
+      "ao": 0,
+      "ks": {
+        "a": { "a": 0, "k": [250, 250] },
+        "s": { "a": 0, "k": [96.0268, 96.0268] },
+        "sk": { "a": 0, "k": 0 },
+        "p": { "a": 0, "k": [250, 250] },
+        "r": { "a": 0, "k": 0 },
+        "sa": { "a": 0, "k": 0 },
+        "o": { "a": 0, "k": 100 }
+      },
+      "shapes": [
+        {
+          "ty": "gr",
+          "bm": 0,
+          "hd": false,
+          "nm": "Group 4",
+          "it": [
+            {
+              "ty": "rc",
+              "bm": 0,
+              "hd": false,
+              "nm": "Rectangle 1",
+              "d": 1,
+              "p": { "a": 0, "k": [250, 250] },
+              "r": {
+                "a": 1,
+                "k": [
+                  {
+                    "o": { "x": 0.167, "y": 0.167 },
+                    "i": { "x": 0.833, "y": 0.833 },
+                    "s": [50],
+                    "t": 0
+                  },
+                  {
+                    "o": { "x": 0.167, "y": 0.167 },
+                    "i": { "x": 0.833, "y": 0.833 },
+                    "s": [250],
+                    "t": 17
+                  },
+                  {
+                    "o": { "x": 0.167, "y": 0.167 },
+                    "i": { "x": 0.833, "y": 0.833 },
+                    "s": [250],
+                    "t": 84
+                  },
+                  { "s": [50], "t": 100 }
+                ]
+              },
+              "s": { "a": 0, "k": [500, 500] }
+            },
+            {
+              "ty": "fl",
+              "bm": 0,
+              "hd": false,
+              "nm": "Fill",
+              "c": { "a": 0, "k": [0.2902, 0.2039, 0.7216] },
+              "r": 1,
+              "o": { "a": 0, "k": 100 }
+            },
+            {
+              "ty": "tr",
+              "a": { "a": 0, "k": [0, 0] },
+              "s": { "a": 0, "k": [100, 100] },
+              "sk": { "a": 0, "k": 0 },
+              "p": { "a": 0, "k": [0, 0] },
+              "r": { "a": 0, "k": 0 },
+              "sa": { "a": 0, "k": 0 },
+              "o": { "a": 0, "k": 100 }
+            }
+          ]
+        }
+      ],
+      "ind": 2
+    }
+  ],
+  "v": "5.7.0",
+  "fr": 30,
+  "op": 150,
+  "ip": 0,
+  "assets": []
+}