feat: dashboard and recent done

Signed-off-by: Ameya Shenoy <shenoy.ameya@gmail.com>
2023-03-13 17:31:24 +05:30 · 2023-03-13 17:31:24 +05:30 · b20e245779
commit b20e245779
parent 6a9ab237a5
9 changed files with 327 additions and 120 deletions
--- a/web/app/components/BankAccount.tsx
+++ b/web/app/components/BankAccount.tsx
@ -0,0 +1,46 @@
+
+import React from 'react'
+import styles from './bankAccount.module.css'
+import Image from 'next/image'
+import BankAccountInfoLine from './BankAccountInfoLine'
+
+export default function BankAccount(props) {
+
+  const infoLines = []
+  props.infoLines.forEach((infoLine) => {
+    infoLines.push(
+      <BankAccountInfoLine
+        key={infoLine.title}
+        title={infoLine.title}
+        value={infoLine.value}
+      />
+    )
+  })
+
+  return (
+    <div className={styles.main}>
+      <div className={styles.bank}>
+        <Image
+          src={props.bankLogoSrc}
+          alt={`${props.bankName} Logo`}
+          className={styles.bankLogo}
+          width={28}
+          height={28}
+          priority
+        />
+        <div className={styles.bankName}>{props.bankFullName}</div>
+      </div>
+
+      <div className={styles.accountBalance}>
+        <div className={styles.rupee}>₹</div>
+        <div className={styles.amount}>{props.bankAccountBalance}</div>
+      </div>
+
+      <div>
+        {infoLines}
+      </div>
+
+      <div className={styles.download}>Download Statement</div>
+    </div>
+  )
+}
--- a/web/app/components/BankAccountInfoLine.tsx
+++ b/web/app/components/BankAccountInfoLine.tsx
@ -0,0 +1,19 @@
+
+import React from 'react'
+import styles from './bankAccountInfoLine.module.css'
+import { MdContentCopy } from 'react-icons/md'
+
+export default function BankAccountInfoLine(props) {
+  return (
+    <div className={styles.info}>
+      <div className={styles.left}>{props.title}</div>
+      <div className={styles.right}>
+        <div className={styles.value}>{props.value}</div>
+        <MdContentCopy
+          className={styles.copyLogo}
+        />
+      </div>
+    </div>
+  )
+}
+
--- a/web/app/components/CenterCol.tsx
+++ b/web/app/components/CenterCol.tsx
@ -2,8 +2,63 @@
 import styles from './centerCol.module.css'
 import React from 'react'
 import Dashboard from './Dashboard'
+import BankAccount from './BankAccount'

 export default function CenterCol() {
+  const bankDetails = {
+    banks: [{
+      bankName: "SBI",
+      bankFullName: "State Bank of India",
+      bankLogoSrc: "/sbi.svg",
+      bankAccountBalance: "27,932",
+      infoLines: [{
+        title: "Account Number",
+        value: "34536896852",
+      }, {
+        title: "IFSC Code",
+        value: "SBIN0006586",
+      }, {
+        title: "Swift BIC",
+        value: "6895206BB",
+      }, {
+        title: "Holder's Name",
+        value: "Nishant Verma",
+      }]
+    }, {
+      bankName: "HDFC",
+      bankFullName: "HDFC Bank",
+      bankLogoSrc: "/hdfc.svg",
+      bankAccountBalance: "2,58,630",
+      infoLines: [{
+        title: "Account Number",
+        value: "92531805286",
+      }, {
+        title: "IFSC Code",
+        value: "HDFC0002233",
+      }, {
+        title: "Swift BIC",
+        value: "HDFCINBBBNG",
+      }, {
+        title: "Holder's Name",
+        value: "Nishant Verma",
+      }]
+    }]
+  }
+
+  const bankAccounts = []
+  bankDetails.banks.forEach((bank) => {
+    bankAccounts.push(
+      <BankAccount
+        key={bank.bankName}
+        bankLogoSrc={bank.bankLogoSrc}
+        bankName={bank.bankName}
+        bankFullName={bank.bankFullName}
+        bankAccountBalance={bank.bankAccountBalance}
+        infoLines={bank.infoLines}
+      />
+    )
+  })
+
  return (
    <div className={styles.main}>
      <div className={styles.title}>
@ -11,6 +66,9 @@ export default function CenterCol() {
        <div className={styles.date}>It's 3rd of January, a Monday</div>
      </div>
      <Dashboard />
+      <div className={styles.accounts}>
+        {bankAccounts}
+      </div>
    </div>
  )
 }
--- a/web/app/components/RecentTransactions.tsx
+++ b/web/app/components/RecentTransactions.tsx
@ -40,6 +40,9 @@ export default function RecentTransactions() {
        <SingleTransaction />
        <SingleTransaction />
        <SingleTransaction />
+        <SingleTransaction />
+        <SingleTransaction />
+        <SingleTransaction />
      </div>
    </div>
  )
--- a/web/app/components/bankAccount.module.css
+++ b/web/app/components/bankAccount.module.css
@ -0,0 +1,49 @@
+
+.main {
+  background: #FFF;
+  border-radius: 30px;
+  width: 100%;
+}
+
+.bank {
+  display: flex;
+  align-items: center;
+  padding: 25px 35px;
+  border-bottom: 3px solid #F0EFF5;
+  text-transform: uppercase;
+  font: 1.1em Arial, Sans-serif;
+}
+
+.bankLogo {
+  margin-right: 10px;
+}
+
+.accountBalance {
+  display: flex;
+  margin: 30px;
+}
+
+.rupee {
+  font: 1.2em Arial, Sans-serif;
+  font-weight: 700;
+}
+
+.amount {
+  font: 2.8em Arial, Sans-serif;
+  font-weight: 700;
+}
+
+.download {
+  border: 1px solid red;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin: 40px 30px 30px 30px;
+  height: 80px;
+  border: 3px solid #F0EFF5;
+  border-radius: 10px;
+  font: 1.3em Arial, Sans-serif;
+  font-weight: 600;
+  color: #20174D;
+}
+
--- a/web/app/components/bankAccountInfoLine.module.css
+++ b/web/app/components/bankAccountInfoLine.module.css
@ -0,0 +1,24 @@
+
+.info {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin: 15px 30px;
+  font: 1.1em Sans-serif;
+  text-transform: uppercase;
+}
+
+.left {
+  display: flex;
+  color: #706A90;
+}
+
+.right {
+  display: flex;
+  align-items: center;
+  color: #20174D;
+}
+
+.copyLogo {
+  margin: 10px;
+}
--- a/web/app/components/centerCol.module.css
+++ b/web/app/components/centerCol.module.css
@ -19,3 +19,11 @@
  font: bold 1.35em Arial, Sans-serif;
  padding-top: 20px;
 }
+
+.accounts {
+  display: flex;
+  justify-content: space-between;
+  gap: 30px;
+  margin-top: 30px;
+}
+
--- a/web/package-lock.json
+++ b/web/package-lock.json
@ -19,7 +19,7 @@
        "dayjs": "^1.11.7",
        "eslint": "8.35.0",
        "eslint-config-next": "13.2.1",
-        "next": "^13.2.3",
+        "next": "^13.2.4",
        "react": "18.2.0",
        "react-dom": "18.2.0",
        "react-icons": "^4.7.1",
@ -722,9 +722,9 @@
      }
    },
    "node_modules/@next/env": {
-      "version": "13.2.3",
-      "resolved": "https://registry.npmjs.org/@next/env/-/env-13.2.3.tgz",
-      "integrity": "sha512-FN50r/E+b8wuqyRjmGaqvqNDuWBWYWQiigfZ50KnSFH0f+AMQQyaZl+Zm2+CIpKk0fL9QxhLxOpTVA3xFHgFow=="
+      "version": "13.2.4",
+      "resolved": "https://registry.npmjs.org/@next/env/-/env-13.2.4.tgz",
+      "integrity": "sha512-+Mq3TtpkeeKFZanPturjcXt+KHfKYnLlX6jMLyCrmpq6OOs4i1GqBOAauSkii9QeKCMTYzGppar21JU57b/GEA=="
    },
    "node_modules/@next/eslint-plugin-next": {
      "version": "13.2.1",
@ -735,9 +735,9 @@
      }
    },
    "node_modules/@next/swc-android-arm-eabi": {
-      "version": "13.2.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-android-arm-eabi/-/swc-android-arm-eabi-13.2.3.tgz",
-      "integrity": "sha512-mykdVaAXX/gm+eFO2kPeVjnOCKwanJ9mV2U0lsUGLrEdMUifPUjiXKc6qFAIs08PvmTMOLMNnUxqhGsJlWGKSw==",
+      "version": "13.2.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-android-arm-eabi/-/swc-android-arm-eabi-13.2.4.tgz",
+      "integrity": "sha512-DWlalTSkLjDU11MY11jg17O1gGQzpRccM9Oes2yTqj2DpHndajrXHGxj9HGtJ+idq2k7ImUdJVWS2h2l/EDJOw==",
      "cpu": [
        "arm"
      ],
@ -750,9 +750,9 @@
      }
    },
    "node_modules/@next/swc-android-arm64": {
-      "version": "13.2.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-android-arm64/-/swc-android-arm64-13.2.3.tgz",
-      "integrity": "sha512-8XwHPpA12gdIFtope+n9xCtJZM3U4gH4vVTpUwJ2w1kfxFmCpwQ4xmeGSkR67uOg80yRMuF0h9V1ueo05sws5w==",
+      "version": "13.2.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-android-arm64/-/swc-android-arm64-13.2.4.tgz",
+      "integrity": "sha512-sRavmUImUCf332Gy+PjIfLkMhiRX1Ez4SI+3vFDRs1N5eXp+uNzjFUK/oLMMOzk6KFSkbiK/3Wt8+dHQR/flNg==",
      "cpu": [
        "arm64"
      ],
@ -765,9 +765,9 @@
      }
    },
    "node_modules/@next/swc-darwin-arm64": {
-      "version": "13.2.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-13.2.3.tgz",
-      "integrity": "sha512-TXOubiFdLpMfMtaRu1K5d1I9ipKbW5iS2BNbu8zJhoqrhk3Kp7aRKTxqFfWrbliAHhWVE/3fQZUYZOWSXVQi1w==",
+      "version": "13.2.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-13.2.4.tgz",
+      "integrity": "sha512-S6vBl+OrInP47TM3LlYx65betocKUUlTZDDKzTiRDbsRESeyIkBtZ6Qi5uT2zQs4imqllJznVjFd1bXLx3Aa6A==",
      "cpu": [
        "arm64"
      ],
@ -780,9 +780,9 @@
      }
    },
    "node_modules/@next/swc-darwin-x64": {
-      "version": "13.2.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-13.2.3.tgz",
-      "integrity": "sha512-GZctkN6bJbpjlFiS5pylgB2pifHvgkqLAPumJzxnxkf7kqNm6rOGuNjsROvOWVWXmKhrzQkREO/WPS2aWsr/yw==",
+      "version": "13.2.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-13.2.4.tgz",
+      "integrity": "sha512-a6LBuoYGcFOPGd4o8TPo7wmv5FnMr+Prz+vYHopEDuhDoMSHOnC+v+Ab4D7F0NMZkvQjEJQdJS3rqgFhlZmKlw==",
      "cpu": [
        "x64"
      ],
@ -795,9 +795,9 @@
      }
    },
    "node_modules/@next/swc-freebsd-x64": {
-      "version": "13.2.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-freebsd-x64/-/swc-freebsd-x64-13.2.3.tgz",
-      "integrity": "sha512-rK6GpmMt/mU6MPuav0/M7hJ/3t8HbKPCELw/Uqhi4732xoq2hJ2zbo2FkYs56y6w0KiXrIp4IOwNB9K8L/q62g==",
+      "version": "13.2.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-freebsd-x64/-/swc-freebsd-x64-13.2.4.tgz",
+      "integrity": "sha512-kkbzKVZGPaXRBPisoAQkh3xh22r+TD+5HwoC5bOkALraJ0dsOQgSMAvzMXKsN3tMzJUPS0tjtRf1cTzrQ0I5vQ==",
      "cpu": [
        "x64"
      ],
@ -810,9 +810,9 @@
      }
    },
    "node_modules/@next/swc-linux-arm-gnueabihf": {
-      "version": "13.2.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm-gnueabihf/-/swc-linux-arm-gnueabihf-13.2.3.tgz",
-      "integrity": "sha512-yeiCp/Odt1UJ4KUE89XkeaaboIDiVFqKP4esvoLKGJ0fcqJXMofj4ad3tuQxAMs3F+qqrz9MclqhAHkex1aPZA==",
+      "version": "13.2.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm-gnueabihf/-/swc-linux-arm-gnueabihf-13.2.4.tgz",
+      "integrity": "sha512-7qA1++UY0fjprqtjBZaOA6cas/7GekpjVsZn/0uHvquuITFCdKGFCsKNBx3S0Rpxmx6WYo0GcmhNRM9ru08BGg==",
      "cpu": [
        "arm"
      ],
@ -825,9 +825,9 @@
      }
    },
    "node_modules/@next/swc-linux-arm64-gnu": {
-      "version": "13.2.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-13.2.3.tgz",
-      "integrity": "sha512-/miIopDOUsuNlvjBjTipvoyjjaxgkOuvlz+cIbbPcm1eFvzX2ltSfgMgty15GuOiR8Hub4FeTSiq3g2dmCkzGA==",
+      "version": "13.2.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-13.2.4.tgz",
+      "integrity": "sha512-xzYZdAeq883MwXgcwc72hqo/F/dwUxCukpDOkx/j1HTq/J0wJthMGjinN9wH5bPR98Mfeh1MZJ91WWPnZOedOg==",
      "cpu": [
        "arm64"
      ],
@ -840,9 +840,9 @@
      }
    },
    "node_modules/@next/swc-linux-arm64-musl": {
-      "version": "13.2.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-13.2.3.tgz",
-      "integrity": "sha512-sujxFDhMMDjqhruup8LLGV/y+nCPi6nm5DlFoThMJFvaaKr/imhkXuk8uCTq4YJDbtRxnjydFv2y8laBSJVC2g==",
+      "version": "13.2.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-13.2.4.tgz",
+      "integrity": "sha512-8rXr3WfmqSiYkb71qzuDP6I6R2T2tpkmf83elDN8z783N9nvTJf2E7eLx86wu2OJCi4T05nuxCsh4IOU3LQ5xw==",
      "cpu": [
        "arm64"
      ],
@ -855,9 +855,9 @@
      }
    },
    "node_modules/@next/swc-linux-x64-gnu": {
-      "version": "13.2.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-13.2.3.tgz",
-      "integrity": "sha512-w5MyxPknVvC9LVnMenAYMXMx4KxPwXuJRMQFvY71uXg68n7cvcas85U5zkdrbmuZ+JvsO5SIG8k36/6X3nUhmQ==",
+      "version": "13.2.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-13.2.4.tgz",
+      "integrity": "sha512-Ngxh51zGSlYJ4EfpKG4LI6WfquulNdtmHg1yuOYlaAr33KyPJp4HeN/tivBnAHcZkoNy0hh/SbwDyCnz5PFJQQ==",
      "cpu": [
        "x64"
      ],
@ -870,9 +870,9 @@
      }
    },
    "node_modules/@next/swc-linux-x64-musl": {
-      "version": "13.2.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-13.2.3.tgz",
-      "integrity": "sha512-CTeelh8OzSOVqpzMFMFnVRJIFAFQoTsI9RmVJWW/92S4xfECGcOzgsX37CZ8K982WHRzKU7exeh7vYdG/Eh4CA==",
+      "version": "13.2.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-13.2.4.tgz",
+      "integrity": "sha512-gOvwIYoSxd+j14LOcvJr+ekd9fwYT1RyMAHOp7znA10+l40wkFiMONPLWiZuHxfRk+Dy7YdNdDh3ImumvL6VwA==",
      "cpu": [
        "x64"
      ],
@ -885,9 +885,9 @@
      }
    },
    "node_modules/@next/swc-win32-arm64-msvc": {
-      "version": "13.2.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-13.2.3.tgz",
-      "integrity": "sha512-7N1KBQP5mo4xf52cFCHgMjzbc9jizIlkTepe9tMa2WFvEIlKDfdt38QYcr9mbtny17yuaIw02FXOVEytGzqdOQ==",
+      "version": "13.2.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-13.2.4.tgz",
+      "integrity": "sha512-q3NJzcfClgBm4HvdcnoEncmztxrA5GXqKeiZ/hADvC56pwNALt3ngDC6t6qr1YW9V/EPDxCYeaX4zYxHciW4Dw==",
      "cpu": [
        "arm64"
      ],
@ -900,9 +900,9 @@
      }
    },
    "node_modules/@next/swc-win32-ia32-msvc": {
-      "version": "13.2.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-13.2.3.tgz",
-      "integrity": "sha512-LzWD5pTSipUXTEMRjtxES/NBYktuZdo7xExJqGDMnZU8WOI+v9mQzsmQgZS/q02eIv78JOCSemqVVKZBGCgUvA==",
+      "version": "13.2.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-13.2.4.tgz",
+      "integrity": "sha512-/eZ5ncmHUYtD2fc6EUmAIZlAJnVT2YmxDsKs1Ourx0ttTtvtma/WKlMV5NoUsyOez0f9ExLyOpeCoz5aj+MPXw==",
      "cpu": [
        "ia32"
      ],
@ -915,9 +915,9 @@
      }
    },
    "node_modules/@next/swc-win32-x64-msvc": {
-      "version": "13.2.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-13.2.3.tgz",
-      "integrity": "sha512-aLG2MaFs4y7IwaMTosz2r4mVbqRyCnMoFqOcmfTi7/mAS+G4IMH0vJp4oLdbshqiVoiVuKrAfqtXj55/m7Qu1Q==",
+      "version": "13.2.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-13.2.4.tgz",
+      "integrity": "sha512-0MffFmyv7tBLlji01qc0IaPP/LVExzvj7/R5x1Jph1bTAIj4Vu81yFQWHHQAP6r4ff9Ukj1mBK6MDNVXm7Tcvw==",
      "cpu": [
        "x64"
      ],
@ -3132,11 +3132,11 @@
      "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw=="
    },
    "node_modules/next": {
-      "version": "13.2.3",
-      "resolved": "https://registry.npmjs.org/next/-/next-13.2.3.tgz",
-      "integrity": "sha512-nKFJC6upCPN7DWRx4+0S/1PIOT7vNlCT157w9AzbXEgKy6zkiPKEt5YyRUsRZkmpEqBVrGgOqNfwecTociyg+w==",
+      "version": "13.2.4",
+      "resolved": "https://registry.npmjs.org/next/-/next-13.2.4.tgz",
+      "integrity": "sha512-g1I30317cThkEpvzfXujf0O4wtaQHtDCLhlivwlTJ885Ld+eOgcz7r3TGQzeU+cSRoNHtD8tsJgzxVdYojFssw==",
      "dependencies": {
-        "@next/env": "13.2.3",
+        "@next/env": "13.2.4",
        "@swc/helpers": "0.4.14",
        "caniuse-lite": "^1.0.30001406",
        "postcss": "8.4.14",
@ -3149,19 +3149,19 @@
        "node": ">=14.6.0"
      },
      "optionalDependencies": {
-        "@next/swc-android-arm-eabi": "13.2.3",
-        "@next/swc-android-arm64": "13.2.3",
-        "@next/swc-darwin-arm64": "13.2.3",
-        "@next/swc-darwin-x64": "13.2.3",
-        "@next/swc-freebsd-x64": "13.2.3",
-        "@next/swc-linux-arm-gnueabihf": "13.2.3",
-        "@next/swc-linux-arm64-gnu": "13.2.3",
-        "@next/swc-linux-arm64-musl": "13.2.3",
-        "@next/swc-linux-x64-gnu": "13.2.3",
-        "@next/swc-linux-x64-musl": "13.2.3",
-        "@next/swc-win32-arm64-msvc": "13.2.3",
-        "@next/swc-win32-ia32-msvc": "13.2.3",
-        "@next/swc-win32-x64-msvc": "13.2.3"
+        "@next/swc-android-arm-eabi": "13.2.4",
+        "@next/swc-android-arm64": "13.2.4",
+        "@next/swc-darwin-arm64": "13.2.4",
+        "@next/swc-darwin-x64": "13.2.4",
+        "@next/swc-freebsd-x64": "13.2.4",
+        "@next/swc-linux-arm-gnueabihf": "13.2.4",
+        "@next/swc-linux-arm64-gnu": "13.2.4",
+        "@next/swc-linux-arm64-musl": "13.2.4",
+        "@next/swc-linux-x64-gnu": "13.2.4",
+        "@next/swc-linux-x64-musl": "13.2.4",
+        "@next/swc-win32-arm64-msvc": "13.2.4",
+        "@next/swc-win32-ia32-msvc": "13.2.4",
+        "@next/swc-win32-x64-msvc": "13.2.4"
      },
      "peerDependencies": {
        "@opentelemetry/api": "^1.4.0",
@ -4598,9 +4598,9 @@
      }
    },
    "@next/env": {
-      "version": "13.2.3",
-      "resolved": "https://registry.npmjs.org/@next/env/-/env-13.2.3.tgz",
-      "integrity": "sha512-FN50r/E+b8wuqyRjmGaqvqNDuWBWYWQiigfZ50KnSFH0f+AMQQyaZl+Zm2+CIpKk0fL9QxhLxOpTVA3xFHgFow=="
+      "version": "13.2.4",
+      "resolved": "https://registry.npmjs.org/@next/env/-/env-13.2.4.tgz",
+      "integrity": "sha512-+Mq3TtpkeeKFZanPturjcXt+KHfKYnLlX6jMLyCrmpq6OOs4i1GqBOAauSkii9QeKCMTYzGppar21JU57b/GEA=="
    },
    "@next/eslint-plugin-next": {
      "version": "13.2.1",
@ -4611,81 +4611,81 @@
      }
    },
    "@next/swc-android-arm-eabi": {
-      "version": "13.2.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-android-arm-eabi/-/swc-android-arm-eabi-13.2.3.tgz",
-      "integrity": "sha512-mykdVaAXX/gm+eFO2kPeVjnOCKwanJ9mV2U0lsUGLrEdMUifPUjiXKc6qFAIs08PvmTMOLMNnUxqhGsJlWGKSw==",
+      "version": "13.2.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-android-arm-eabi/-/swc-android-arm-eabi-13.2.4.tgz",
+      "integrity": "sha512-DWlalTSkLjDU11MY11jg17O1gGQzpRccM9Oes2yTqj2DpHndajrXHGxj9HGtJ+idq2k7ImUdJVWS2h2l/EDJOw==",
      "optional": true
    },
    "@next/swc-android-arm64": {
-      "version": "13.2.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-android-arm64/-/swc-android-arm64-13.2.3.tgz",
-      "integrity": "sha512-8XwHPpA12gdIFtope+n9xCtJZM3U4gH4vVTpUwJ2w1kfxFmCpwQ4xmeGSkR67uOg80yRMuF0h9V1ueo05sws5w==",
+      "version": "13.2.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-android-arm64/-/swc-android-arm64-13.2.4.tgz",
+      "integrity": "sha512-sRavmUImUCf332Gy+PjIfLkMhiRX1Ez4SI+3vFDRs1N5eXp+uNzjFUK/oLMMOzk6KFSkbiK/3Wt8+dHQR/flNg==",
      "optional": true
    },
    "@next/swc-darwin-arm64": {
-      "version": "13.2.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-13.2.3.tgz",
-      "integrity": "sha512-TXOubiFdLpMfMtaRu1K5d1I9ipKbW5iS2BNbu8zJhoqrhk3Kp7aRKTxqFfWrbliAHhWVE/3fQZUYZOWSXVQi1w==",
+      "version": "13.2.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-13.2.4.tgz",
+      "integrity": "sha512-S6vBl+OrInP47TM3LlYx65betocKUUlTZDDKzTiRDbsRESeyIkBtZ6Qi5uT2zQs4imqllJznVjFd1bXLx3Aa6A==",
      "optional": true
    },
    "@next/swc-darwin-x64": {
-      "version": "13.2.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-13.2.3.tgz",
-      "integrity": "sha512-GZctkN6bJbpjlFiS5pylgB2pifHvgkqLAPumJzxnxkf7kqNm6rOGuNjsROvOWVWXmKhrzQkREO/WPS2aWsr/yw==",
+      "version": "13.2.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-13.2.4.tgz",
+      "integrity": "sha512-a6LBuoYGcFOPGd4o8TPo7wmv5FnMr+Prz+vYHopEDuhDoMSHOnC+v+Ab4D7F0NMZkvQjEJQdJS3rqgFhlZmKlw==",
      "optional": true
    },
    "@next/swc-freebsd-x64": {
-      "version": "13.2.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-freebsd-x64/-/swc-freebsd-x64-13.2.3.tgz",
-      "integrity": "sha512-rK6GpmMt/mU6MPuav0/M7hJ/3t8HbKPCELw/Uqhi4732xoq2hJ2zbo2FkYs56y6w0KiXrIp4IOwNB9K8L/q62g==",
+      "version": "13.2.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-freebsd-x64/-/swc-freebsd-x64-13.2.4.tgz",
+      "integrity": "sha512-kkbzKVZGPaXRBPisoAQkh3xh22r+TD+5HwoC5bOkALraJ0dsOQgSMAvzMXKsN3tMzJUPS0tjtRf1cTzrQ0I5vQ==",
      "optional": true
    },
    "@next/swc-linux-arm-gnueabihf": {
-      "version": "13.2.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm-gnueabihf/-/swc-linux-arm-gnueabihf-13.2.3.tgz",
-      "integrity": "sha512-yeiCp/Odt1UJ4KUE89XkeaaboIDiVFqKP4esvoLKGJ0fcqJXMofj4ad3tuQxAMs3F+qqrz9MclqhAHkex1aPZA==",
+      "version": "13.2.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm-gnueabihf/-/swc-linux-arm-gnueabihf-13.2.4.tgz",
+      "integrity": "sha512-7qA1++UY0fjprqtjBZaOA6cas/7GekpjVsZn/0uHvquuITFCdKGFCsKNBx3S0Rpxmx6WYo0GcmhNRM9ru08BGg==",
      "optional": true
    },
    "@next/swc-linux-arm64-gnu": {
-      "version": "13.2.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-13.2.3.tgz",
-      "integrity": "sha512-/miIopDOUsuNlvjBjTipvoyjjaxgkOuvlz+cIbbPcm1eFvzX2ltSfgMgty15GuOiR8Hub4FeTSiq3g2dmCkzGA==",
+      "version": "13.2.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-13.2.4.tgz",
+      "integrity": "sha512-xzYZdAeq883MwXgcwc72hqo/F/dwUxCukpDOkx/j1HTq/J0wJthMGjinN9wH5bPR98Mfeh1MZJ91WWPnZOedOg==",
      "optional": true
    },
    "@next/swc-linux-arm64-musl": {
-      "version": "13.2.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-13.2.3.tgz",
-      "integrity": "sha512-sujxFDhMMDjqhruup8LLGV/y+nCPi6nm5DlFoThMJFvaaKr/imhkXuk8uCTq4YJDbtRxnjydFv2y8laBSJVC2g==",
+      "version": "13.2.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-13.2.4.tgz",
+      "integrity": "sha512-8rXr3WfmqSiYkb71qzuDP6I6R2T2tpkmf83elDN8z783N9nvTJf2E7eLx86wu2OJCi4T05nuxCsh4IOU3LQ5xw==",
      "optional": true
    },
    "@next/swc-linux-x64-gnu": {
-      "version": "13.2.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-13.2.3.tgz",
-      "integrity": "sha512-w5MyxPknVvC9LVnMenAYMXMx4KxPwXuJRMQFvY71uXg68n7cvcas85U5zkdrbmuZ+JvsO5SIG8k36/6X3nUhmQ==",
+      "version": "13.2.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-13.2.4.tgz",
+      "integrity": "sha512-Ngxh51zGSlYJ4EfpKG4LI6WfquulNdtmHg1yuOYlaAr33KyPJp4HeN/tivBnAHcZkoNy0hh/SbwDyCnz5PFJQQ==",
      "optional": true
    },
    "@next/swc-linux-x64-musl": {
-      "version": "13.2.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-13.2.3.tgz",
-      "integrity": "sha512-CTeelh8OzSOVqpzMFMFnVRJIFAFQoTsI9RmVJWW/92S4xfECGcOzgsX37CZ8K982WHRzKU7exeh7vYdG/Eh4CA==",
+      "version": "13.2.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-13.2.4.tgz",
+      "integrity": "sha512-gOvwIYoSxd+j14LOcvJr+ekd9fwYT1RyMAHOp7znA10+l40wkFiMONPLWiZuHxfRk+Dy7YdNdDh3ImumvL6VwA==",
      "optional": true
    },
    "@next/swc-win32-arm64-msvc": {
-      "version": "13.2.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-13.2.3.tgz",
-      "integrity": "sha512-7N1KBQP5mo4xf52cFCHgMjzbc9jizIlkTepe9tMa2WFvEIlKDfdt38QYcr9mbtny17yuaIw02FXOVEytGzqdOQ==",
+      "version": "13.2.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-13.2.4.tgz",
+      "integrity": "sha512-q3NJzcfClgBm4HvdcnoEncmztxrA5GXqKeiZ/hADvC56pwNALt3ngDC6t6qr1YW9V/EPDxCYeaX4zYxHciW4Dw==",
      "optional": true
    },
    "@next/swc-win32-ia32-msvc": {
-      "version": "13.2.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-13.2.3.tgz",
-      "integrity": "sha512-LzWD5pTSipUXTEMRjtxES/NBYktuZdo7xExJqGDMnZU8WOI+v9mQzsmQgZS/q02eIv78JOCSemqVVKZBGCgUvA==",
+      "version": "13.2.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-13.2.4.tgz",
+      "integrity": "sha512-/eZ5ncmHUYtD2fc6EUmAIZlAJnVT2YmxDsKs1Ourx0ttTtvtma/WKlMV5NoUsyOez0f9ExLyOpeCoz5aj+MPXw==",
      "optional": true
    },
    "@next/swc-win32-x64-msvc": {
-      "version": "13.2.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-13.2.3.tgz",
-      "integrity": "sha512-aLG2MaFs4y7IwaMTosz2r4mVbqRyCnMoFqOcmfTi7/mAS+G4IMH0vJp4oLdbshqiVoiVuKrAfqtXj55/m7Qu1Q==",
+      "version": "13.2.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-13.2.4.tgz",
+      "integrity": "sha512-0MffFmyv7tBLlji01qc0IaPP/LVExzvj7/R5x1Jph1bTAIj4Vu81yFQWHHQAP6r4ff9Ukj1mBK6MDNVXm7Tcvw==",
      "optional": true
    },
    "@nodelib/fs.scandir": {
@ -6290,24 +6290,24 @@
      "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw=="
    },
    "next": {
-      "version": "13.2.3",
-      "resolved": "https://registry.npmjs.org/next/-/next-13.2.3.tgz",
-      "integrity": "sha512-nKFJC6upCPN7DWRx4+0S/1PIOT7vNlCT157w9AzbXEgKy6zkiPKEt5YyRUsRZkmpEqBVrGgOqNfwecTociyg+w==",
+      "version": "13.2.4",
+      "resolved": "https://registry.npmjs.org/next/-/next-13.2.4.tgz",
+      "integrity": "sha512-g1I30317cThkEpvzfXujf0O4wtaQHtDCLhlivwlTJ885Ld+eOgcz7r3TGQzeU+cSRoNHtD8tsJgzxVdYojFssw==",
      "requires": {
-        "@next/env": "13.2.3",
-        "@next/swc-android-arm-eabi": "13.2.3",
-        "@next/swc-android-arm64": "13.2.3",
-        "@next/swc-darwin-arm64": "13.2.3",
-        "@next/swc-darwin-x64": "13.2.3",
-        "@next/swc-freebsd-x64": "13.2.3",
-        "@next/swc-linux-arm-gnueabihf": "13.2.3",
-        "@next/swc-linux-arm64-gnu": "13.2.3",
-        "@next/swc-linux-arm64-musl": "13.2.3",
-        "@next/swc-linux-x64-gnu": "13.2.3",
-        "@next/swc-linux-x64-musl": "13.2.3",
-        "@next/swc-win32-arm64-msvc": "13.2.3",
-        "@next/swc-win32-ia32-msvc": "13.2.3",
-        "@next/swc-win32-x64-msvc": "13.2.3",
+        "@next/env": "13.2.4",
+        "@next/swc-android-arm-eabi": "13.2.4",
+        "@next/swc-android-arm64": "13.2.4",
+        "@next/swc-darwin-arm64": "13.2.4",
+        "@next/swc-darwin-x64": "13.2.4",
+        "@next/swc-freebsd-x64": "13.2.4",
+        "@next/swc-linux-arm-gnueabihf": "13.2.4",
+        "@next/swc-linux-arm64-gnu": "13.2.4",
+        "@next/swc-linux-arm64-musl": "13.2.4",
+        "@next/swc-linux-x64-gnu": "13.2.4",
+        "@next/swc-linux-x64-musl": "13.2.4",
+        "@next/swc-win32-arm64-msvc": "13.2.4",
+        "@next/swc-win32-ia32-msvc": "13.2.4",
+        "@next/swc-win32-x64-msvc": "13.2.4",
        "@swc/helpers": "0.4.14",
        "caniuse-lite": "^1.0.30001406",
        "postcss": "8.4.14",
--- a/web/package.json
+++ b/web/package.json
@ -20,7 +20,7 @@
    "dayjs": "^1.11.7",
    "eslint": "8.35.0",
    "eslint-config-next": "13.2.1",
-    "next": "^13.2.3",
+    "next": "^13.2.4",
    "react": "18.2.0",
    "react-dom": "18.2.0",
    "react-icons": "^4.7.1",