Make progress on UI

Set up routing, worked on the home page, made stuff responsive, and connected MetaMask

client/.prettierrc.json

@@ -1,6 +1,10 @@
 {
+    "plugins": ["@trivago/prettier-plugin-sort-imports"],
     "semi": true,
     "singleQuote": false,
     "tabWidth": 4,
-    "printWidth": 100
+    "printWidth": 100,
+    "importOrder": ["^components/(.*)$", "^[./]"],
+    "importOrderSeparation": true,
+    "importOrderSortSpecifiers": true
 }

client/data.js

@@ -0,0 +1,10 @@
+const supportedTokens = {
+    LINK: {
+        address: "0x0"
+    },
+    WETH: {
+        address: "0x0"
+    }
+}
+
+export default supportedTokens;

client/package.json

@@ -11,16 +11,19 @@
         "preview": "vite preview"
     },
     "dependencies": {
+        "@chakra-ui/icons": "^2.1.1",
         "@chakra-ui/react": "^2.8.2",
         "@emotion/react": "^11.11.4",
         "@emotion/styled": "^11.11.0",
         "@usedapp/core": "^1.2.13",
         "ethers": "^5.7.2",
         "framer-motion": "^11.0.24",
         "react": "^18.2.0",
-        "react-dom": "^18.2.0"
+        "react-dom": "^18.2.0",
+        "react-router-dom": "^6.22.3"
     },
     "devDependencies": {
+        "@trivago/prettier-plugin-sort-imports": "^4.3.0",
         "@types/react": "^18.2.73",
         "@types/react-dom": "^18.2.23",
         "@vitejs/plugin-react": "^4.2.1",