From bcd3a5a2744b3ec474e8b3e36ec8e2599c13cfba Mon Sep 17 00:00:00 2001
From: 1nonlypiece <jagadeeshftw@gmail.com>
Date: Thu, 19 Dec 2024 10:32:39 +0000
Subject: [PATCH 01/36] feat(frontend): add WithdrawAll component and route

---
 frontend/src/App.jsx                          |   2 +
 .../dashboard/withdraw-all/WithdrawAll.jsx    |  30 ++++
 .../dashboard/withdraw-all/withdraw_all.css   | 167 ++++++++++++++++++
 3 files changed, 199 insertions(+)
 create mode 100644 frontend/src/pages/spotnet/dashboard/withdraw-all/WithdrawAll.jsx
 create mode 100644 frontend/src/pages/spotnet/dashboard/withdraw-all/withdraw_all.css

diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
index 07c236a6..add0c004 100644
--- a/frontend/src/App.jsx
+++ b/frontend/src/App.jsx
@@ -22,6 +22,7 @@ import { TELEGRAM_BOT_LINK } from 'utils/constants';
 import { useCheckMobile } from 'hooks/useCheckMobile';
 import { notifyError } from 'utils/notification';
 import PositionHistory from 'pages/spotnet/position_history/PositionHistory';
+import WithdrawAll from 'pages/spotnet/dashboard/withdraw-all/WithdrawAll';
 
 
 function App() {
@@ -110,6 +111,7 @@ function App() {
           <Route path="/documentation" element={<Documentation />} />
           <Route path="/position-history" element={<PositionHistory />} />
           <Route path="/stake" element={<Stake />} />
+          <Route path="/dashboard/withdraw-all" element={<WithdrawAll />} />
         </Routes>
       </main>
       <Footer />
diff --git a/frontend/src/pages/spotnet/dashboard/withdraw-all/WithdrawAll.jsx b/frontend/src/pages/spotnet/dashboard/withdraw-all/WithdrawAll.jsx
new file mode 100644
index 00000000..85552cce
--- /dev/null
+++ b/frontend/src/pages/spotnet/dashboard/withdraw-all/WithdrawAll.jsx
@@ -0,0 +1,30 @@
+import React, { useState } from 'react';
+import BalanceCards from 'components/BalanceCards';
+import { ReactComponent as ETH } from '../../../../assets/icons/ethereum.svg';
+import { ReactComponent as USDC } from '../../../../assets/icons/borrow_usdc.svg';
+import { ReactComponent as STRK } from '../../../../assets/icons/strk.svg';
+import './withdraw_all.css';
+import { useWalletStore } from 'stores/useWalletStore';
+import Button from 'components/ui/Button/Button';
+
+const WithdrawAll = () => {
+  const { walletId } = useWalletStore();
+  const [balances, setBalances] = useState([
+    { icon: <ETH />, title: 'ETH', balance: '0.00' },
+    { icon: <USDC />, title: 'USDC', balance: '0.00' },
+    { icon: <STRK />, title: 'STRK', balance: '0.00' },
+  ]);
+
+  return (
+    <div className="withdrawall-wrapper">
+      <div className="withdrawall-container">
+        <BalanceCards balances={balances} setBalances={setBalances} walletId={walletId} />
+        <Button className="withdrawall-btn" variant="secondary" size="lg" type="submit">
+          Withdraw
+        </Button>
+      </div>
+    </div>
+  );
+};
+
+export default WithdrawAll;
\ No newline at end of file
diff --git a/frontend/src/pages/spotnet/dashboard/withdraw-all/withdraw_all.css b/frontend/src/pages/spotnet/dashboard/withdraw-all/withdraw_all.css
new file mode 100644
index 00000000..d5fb22b3
--- /dev/null
+++ b/frontend/src/pages/spotnet/dashboard/withdraw-all/withdraw_all.css
@@ -0,0 +1,167 @@
+body {
+    font-family:
+      'Rethink Sans',
+      -apple-system,
+      Roboto,
+      Helvetica,
+      sans-serif;
+  }
+  
+  .withdrawall-wrapper {
+    position: relative;
+    background: url('../../../../../public/Form-bg.png') no-repeat;
+    background-size: cover;
+    background-position: center left;
+    min-height: 100vh;
+    display: flex;
+    justify-content: center;
+    align-items: flex-start;
+    padding: 1rem 0;
+  }
+  
+  .withdrawall-container {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    gap: 10px;
+    padding: 0 24px;
+    padding-top: 20px;
+  }
+  
+  .withdrawall-content {
+    width: 642px;
+    gap: 24px;
+    border-radius: 20px;
+    padding: 1rem 0;
+    color: var(--second-primary);
+    text-align: center;
+    display: flex;
+    justify-content: center;
+    flex-direction: column;
+    align-items: center;
+  }
+  
+  .withdrawall-info-card {
+    background: var(--dark-background);
+    border: 1px solid var(--border-color);
+    border-radius: 48px;
+    width: 642px;
+    height: 318px;
+    padding: 16px 30px;
+    display: flex;
+    flex-direction: column;
+    gap: 20px;
+  }
+  
+  @media (max-width: 768px) {
+    .withdrawall-wrapper {
+      padding: 1rem 0;
+    }
+  
+    .withdrawall-container {
+      width: 100%;
+      max-width: 100%;
+      margin: 0 auto;
+      box-sizing: border-box;
+    }
+  
+    .withdrawall-content {
+      width: 100%;
+      max-width: 100%;
+      padding: 0.5rem 0;
+      gap: 16px;
+    }
+
+    .withdrawall-btn {
+      border-radius: 16px;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      width: 500px;
+      height: 55px;
+    }
+  
+    .withdrawall-info-card {
+      height: fit-content;
+      border-radius: 16px;
+      padding: 16px 24px;
+      min-height: 215px;
+      width: 500px;
+    }
+  }
+  
+  @media (max-width: 550px) {
+    .withdrawall-wrapper {
+      background: url('../../../../../public/dashboardmobile.png') no-repeat;
+      background-size: cover;
+      background-position: 50% 40%;
+      height: 100%;
+    }
+    .withdrawall-content {
+      gap: 40px;
+      display: flex;
+      justify-content: center;
+      flex-direction: column;
+      align-items: center;
+    }
+    .withdrawall-info-container {
+      display: grid;
+      gap: 30px;
+      padding-bottom: 40px;
+    }
+    .withdrawall-info-container {
+      width: 100%;
+    }
+    .withdrawall-info-card {
+      background: var(--deep-purple);
+      padding: 16px 24px;
+      margin: 0px auto;
+      width: 100%;
+      border-radius: 8px;
+      gap: 0;
+    }
+  
+    .withdrawall-btn {
+      width: 100%;
+    }
+  }
+  
+  @media (max-width: 480px) {
+    .withdrawall-info-container {
+      width: 100%;
+    }
+    .withdrawall-info-card {
+      padding: 16px 24px;
+      width: 100%;
+    }
+  
+    .withdrawall-btn {
+      width: 100%;
+      font-size: 14px;
+      height: 50px;
+    }
+  
+    .tab {
+      padding: 6px 0px;
+      font-size: 12px;
+    }
+  }
+  
+  @media (max-width: 400px) {
+    .withdrawall-info-container {
+      width: 100%;
+    }
+  
+    .withdrawall-btn {
+      width: 100%;
+      height: 45px;
+    }
+  }
+  
+  @media (max-width: 350px) {
+  
+    .withdrawall-btn {
+      width: 100%;
+      height: 45px;
+    }
+  }
\ No newline at end of file

From 4ba723341d140e102d95240e57ed117e04d925e2 Mon Sep 17 00:00:00 2001
From: 1nonlypiece <jagadeeshftw@gmail.com>
Date: Thu, 19 Dec 2024 12:33:22 +0000
Subject: [PATCH 02/36] feat(frontend): Update Withdraw All UI and Styling

---
 frontend/src/globals.css                      |  2 +
 frontend/src/pages/forms/form.css             |  2 +-
 .../dashboard/withdraw-all/WithdrawAll.jsx    |  5 +-
 .../dashboard/withdraw-all/withdraw_all.css   | 49 +++++++++++++------
 4 files changed, 41 insertions(+), 17 deletions(-)

diff --git a/frontend/src/globals.css b/frontend/src/globals.css
index 844d104d..1750cfae 100644
--- a/frontend/src/globals.css
+++ b/frontend/src/globals.css
@@ -67,6 +67,8 @@
   --light-dark-background: #130713;
   --text-gray: #798795;
   --modal-border: #170f2e;
+  --warning-colour:rgba(255, 251, 0, 0.84);
+  --warning-colour-alt: rgb(70, 70, 1);
 }
 
 body {
diff --git a/frontend/src/pages/forms/form.css b/frontend/src/pages/forms/form.css
index 2dedc3f3..8b88b495 100644
--- a/frontend/src/pages/forms/form.css
+++ b/frontend/src/pages/forms/form.css
@@ -259,7 +259,7 @@ input[type='number'].error {
   width: 198px;
   height: 101px;
   align-items: center;
-  border-radius: 900px;
+  border-radius: 16px;
   border: 1px solid var(--light-purple);
   justify-content: center;
   background-color: var(--dark-purple);
diff --git a/frontend/src/pages/spotnet/dashboard/withdraw-all/WithdrawAll.jsx b/frontend/src/pages/spotnet/dashboard/withdraw-all/WithdrawAll.jsx
index 85552cce..d1b1e9df 100644
--- a/frontend/src/pages/spotnet/dashboard/withdraw-all/WithdrawAll.jsx
+++ b/frontend/src/pages/spotnet/dashboard/withdraw-all/WithdrawAll.jsx
@@ -19,8 +19,11 @@ const WithdrawAll = () => {
     <div className="withdrawall-wrapper">
       <div className="withdrawall-container">
         <BalanceCards balances={balances} setBalances={setBalances} walletId={walletId} />
+        <div className="withdrawall-info-card">
+        Clicking on the `Withdraw All` button means you are agreeing to close all positions and get all tokens transferred to your wallet.
+        </div>
         <Button className="withdrawall-btn" variant="secondary" size="lg" type="submit">
-          Withdraw
+          Withdraw All
         </Button>
       </div>
     </div>
diff --git a/frontend/src/pages/spotnet/dashboard/withdraw-all/withdraw_all.css b/frontend/src/pages/spotnet/dashboard/withdraw-all/withdraw_all.css
index d5fb22b3..a689eb0a 100644
--- a/frontend/src/pages/spotnet/dashboard/withdraw-all/withdraw_all.css
+++ b/frontend/src/pages/spotnet/dashboard/withdraw-all/withdraw_all.css
@@ -31,7 +31,7 @@ body {
   .withdrawall-content {
     width: 642px;
     gap: 24px;
-    border-radius: 20px;
+    border-radius: 8px;
     padding: 1rem 0;
     color: var(--second-primary);
     text-align: center;
@@ -42,15 +42,24 @@ body {
   }
   
   .withdrawall-info-card {
-    background: var(--dark-background);
-    border: 1px solid var(--border-color);
-    border-radius: 48px;
+    background: var(--warning-colour-alt);
+    border: 1px solid var(--warning-colour);
+    color: var(--second-primary);
+    text-align: center;
+    border-radius: 8px;
     width: 642px;
-    height: 318px;
-    padding: 16px 30px;
+    height: 98px;
+    padding: 8px 16px;
     display: flex;
+    justify-content: center;
+    align-items: center;
     flex-direction: column;
     gap: 20px;
+    margin-top: 52px;
+    margin-bottom: 52px;
+  }
+  .withdrawall-btn {
+    border-radius: 4px;
   }
   
   @media (max-width: 768px) {
@@ -73,20 +82,20 @@ body {
     }
 
     .withdrawall-btn {
-      border-radius: 16px;
+      border-radius: 8px;
       display: flex;
       justify-content: center;
       align-items: center;
-      width: 500px;
+      width: 100%;
       height: 55px;
     }
   
     .withdrawall-info-card {
-      height: fit-content;
-      border-radius: 16px;
-      padding: 16px 24px;
-      min-height: 215px;
-      width: 500px;
+      height: 98px;
+      border-radius: 8px;
+      width: 100%;
+      margin-top: 52px;
+      margin-bottom: 52px;
     }
   }
   
@@ -113,9 +122,9 @@ body {
       width: 100%;
     }
     .withdrawall-info-card {
-      background: var(--deep-purple);
       padding: 16px 24px;
-      margin: 0px auto;
+      height: 128px;
+      font-size: medium; 
       width: 100%;
       border-radius: 8px;
       gap: 0;
@@ -131,6 +140,7 @@ body {
       width: 100%;
     }
     .withdrawall-info-card {
+      font-size: x-small; 
       padding: 16px 24px;
       width: 100%;
     }
@@ -156,6 +166,11 @@ body {
       width: 100%;
       height: 45px;
     }
+
+    .withdrawall-info-card {
+        padding: 16px 24px;
+        width: 100%;
+      }
   }
   
   @media (max-width: 350px) {
@@ -164,4 +179,8 @@ body {
       width: 100%;
       height: 45px;
     }
+
+    .withdrawall-info-card {
+        width: 100%;
+      }
   }
\ No newline at end of file

From 22da40062e0a146448296cfbfaa78be61fbbbd38 Mon Sep 17 00:00:00 2001
From: 1nonlypiece <jagadeeshftw@gmail.com>
Date: Thu, 19 Dec 2024 13:35:59 +0000
Subject: [PATCH 03/36] feat(frontend): Add withdraw-all functionality with API
 integration and error handling

---
 .../dashboard/withdraw-all/WithdrawAll.jsx    | 43 +++++++++++++++++--
 .../dashboard/withdraw-all/withdraw_all.css   | 12 ++++++
 2 files changed, 52 insertions(+), 3 deletions(-)

diff --git a/frontend/src/pages/spotnet/dashboard/withdraw-all/WithdrawAll.jsx b/frontend/src/pages/spotnet/dashboard/withdraw-all/WithdrawAll.jsx
index d1b1e9df..fcf22bda 100644
--- a/frontend/src/pages/spotnet/dashboard/withdraw-all/WithdrawAll.jsx
+++ b/frontend/src/pages/spotnet/dashboard/withdraw-all/WithdrawAll.jsx
@@ -6,6 +6,8 @@ import { ReactComponent as STRK } from '../../../../assets/icons/strk.svg';
 import './withdraw_all.css';
 import { useWalletStore } from 'stores/useWalletStore';
 import Button from 'components/ui/Button/Button';
+import { ReactComponent as AlertHexagon } from 'assets/icons/alert_hexagon.svg';
+import { axiosInstance } from 'utils/axios';
 
 const WithdrawAll = () => {
   const { walletId } = useWalletStore();
@@ -14,17 +16,52 @@ const WithdrawAll = () => {
     { icon: <USDC />, title: 'USDC', balance: '0.00' },
     { icon: <STRK />, title: 'STRK', balance: '0.00' },
   ]);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+
+  const handleWithdrawAll = async () => {
+    setLoading(true);
+    setError(null);
+
+    try {
+      const response = await axiosInstance.get(`/api/withdraw-all?wallet_id=${walletId}`);
+      console.log(response);
+      if (response.status === 200) {
+        console.log('Withdraw All operation completed successfully.');
+      } else {
+        console.log('Failed to complete the Withdraw All operation.');
+      }
+    } catch (error) {
+      console.error('Error during Withdraw All operation:', error);
+      setError('Something went wrong. Please try again.');
+    } finally {
+      setLoading(false);
+    }
+  };
 
   return (
     <div className="withdrawall-wrapper">
       <div className="withdrawall-container">
         <BalanceCards balances={balances} setBalances={setBalances} walletId={walletId} />
         <div className="withdrawall-info-card">
-        Clicking on the `Withdraw All` button means you are agreeing to close all positions and get all tokens transferred to your wallet.
+          Clicking on the `Withdraw All` button means you are agreeing to close all positions and get all tokens
+          transferred to your wallet.
         </div>
-        <Button className="withdrawall-btn" variant="secondary" size="lg" type="submit">
-          Withdraw All
+        <Button
+          className="withdrawall-btn"
+          variant="secondary"
+          size="lg"
+          type="button"
+          onClick={handleWithdrawAll}
+          disabled={loading}
+        >
+          {loading ? 'Processing...' : 'Withdraw All'}
         </Button>
+        {error && (
+          <div className="error-message">
+            Error: {error} <AlertHexagon className="form-alert-hex" />
+          </div>
+        )}
       </div>
     </div>
   );
diff --git a/frontend/src/pages/spotnet/dashboard/withdraw-all/withdraw_all.css b/frontend/src/pages/spotnet/dashboard/withdraw-all/withdraw_all.css
index a689eb0a..a7384a8a 100644
--- a/frontend/src/pages/spotnet/dashboard/withdraw-all/withdraw_all.css
+++ b/frontend/src/pages/spotnet/dashboard/withdraw-all/withdraw_all.css
@@ -61,6 +61,18 @@ body {
   .withdrawall-btn {
     border-radius: 4px;
   }
+
+  .error-message {
+    padding: 10px;
+    border-radius: 5px;
+    background-color: var(--error-color);
+    font-size: 15px;
+    color: var(--black);
+    margin-bottom: 5px;
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
+  }
   
   @media (max-width: 768px) {
     .withdrawall-wrapper {

From 85774a17b991658e7b5f8c550fba098d8bbd8d8f Mon Sep 17 00:00:00 2001
From: system625 <tunde-ajayi.olaoluwasijibomi@lmu.edu.ng>
Date: Fri, 20 Dec 2024 01:33:57 +0100
Subject: [PATCH 04/36] cleanup

---
 frontend/src/App.jsx                          |  24 +--
 frontend/src/components/CardGradients.jsx     |  10 -
 .../components/Dashboard/DashboardCard.jsx    |  38 ----
 frontend/src/components/LendingForm.js        | 195 ------------------
 frontend/src/components/Login.js              |  15 --
 frontend/src/components/SlideBarFour.jsx      |  83 --------
 .../src/components/Telegram/TelegramLogin.jsx |  59 ------
 .../src/components/Telegram/telegramLogin.css |  63 ------
 .../{ => dashboard}/borrow/Borrow.jsx         |   0
 .../{ => dashboard}/borrow/borrow.css         |   0
 .../{ => dashboard}/collateral/Collateral.jsx |   0
 .../{ => dashboard}/collateral/collateral.css |   0
 .../home}/about/About.jsx                     |   2 +-
 .../home}/about/about.css                     |   0
 .../home/dont-miss}/DontMiss.jsx              |   2 +-
 .../home/dont-miss}/dont_miss.css             |   0
 .../spotnet => components/home}/home/Home.jsx |   4 +-
 .../spotnet => components/home}/home/home.css |   0
 .../home}/information/Information.jsx         |   2 +-
 .../home}/information/information.css         |   0
 .../home}/partnership/Partnership.jsx         |   0
 .../home}/partnership/partnership.css         |   0
 .../CongratulationsModal.css                  |   0
 .../CongratulationsModal.jsx                  |   0
 .../footer.css => layout/footer/Footer.css}   |   0
 .../{Footer => layout/footer}/Footer.jsx      |   2 +-
 .../header.css => layout/header/Header.css}   |   0
 .../components/{ => layout}/header/Header.jsx |   8 +-
 .../mob-dropdown-menu}/MobDropdownMenu.jsx    |   0
 .../mob-dropdown-menu}/mobDropdownMenu.css    |   0
 .../navigation-links}/NavigationLinks.jsx     |   2 +-
 .../notifier}/Notifier.jsx                    |   0
 .../notifier}/notifier.css                    |   0
 .../{Section => layout/section}/Section.jsx   |   0
 .../{Section => layout/section}/section.css   |   0
 .../{ => layout/sections}/Sections.jsx        |   2 +-
 .../{ => layout/star-maker}/StarMaker.jsx     |   0
 .../wallet-section}/WalletSection.jsx         |   2 +-
 .../TableOfContentStyles.css}                 |   0
 .../TableOfContents.jsx                       |   2 +-
 frontend/src/components/ui/Button/Button.jsx  |   2 +-
 .../ActionModal.jsx                           |   2 +-
 .../actionModal.css                           |   0
 .../ui/{ActionModal => action-modal}/index.js |   0
 .../{ => ui/balance-cards}/BalanceCards.jsx   |   4 +-
 .../{Card/card.css => ui/card/Card.css}       |   0
 .../src/components/{Card => ui/card}/Card.jsx |   2 +-
 .../multiplier-selector/Multiplier.css}       |   0
 .../MultiplierSelector.jsx                    |   2 +-
 .../pagination-dots}/PaginationDots.jsx       |   0
 .../scroll-button}/ScrollButton.css           |   0
 .../scroll-button}/ScrollButton.jsx           |   0
 .../components/{ => ui}/spinner/Spinner.jsx   |   0
 .../components/{ => ui}/spinner/spinner.css   |   0
 .../{ => ui/token-selector}/TokenSelector.jsx |   0
 .../vault/VaultLayout.css}                    |   0
 .../vault/VaultLayout.jsx                     |   2 +-
 .../gasfee.css => vault/gas-fee/GasFee.css}   |   0
 .../{GasFee => vault/gas-fee}/GasFee.jsx      |   2 +-
 .../metric-card/MetricCard.css}               |   0
 .../metric-card}/MetricCard.jsx               |   2 +-
 .../stake-card/MetricCard.css}                |   0
 .../stake-card}/MetricCard.jsx                |   2 +-
 frontend/src/hooks/useClosePosition.js        |   2 +-
 frontend/src/hooks/useConnectWallet.js        |   2 +-
 frontend/src/hooks/useMaxMultiplier.js        |   2 +-
 frontend/src/hooks/useTelegramNotification.js |   2 +-
 frontend/src/pages/{Login.js => Login.jsx}    |   2 +-
 .../{spotnet => }/dashboard/Dashboard.jsx     |   8 +-
 .../{spotnet => }/dashboard/dashboard.css     |   0
 .../documentation/Documentation.jsx           |   6 +-
 .../documentation/documentation.css           |   0
 frontend/src/pages/{forms => form}/Form.jsx   |  16 +-
 frontend/src/pages/{forms => form}/form.css   |   0
 .../pages/{spotnet => }/overview/Overview.jsx |   6 +-
 .../pages/{spotnet => }/overview/overview.css |   0
 .../PositionHistory.jsx                       |   6 +-
 .../PositionHistoryModal.jsx                  |   0
 .../positionHistory.css                       |   0
 .../SpotnetApp.jsx}                           |  10 +-
 .../src/pages/{vault => }/stake/Stake.jsx     |   6 +-
 .../src/pages/{vault => }/stake/stake.css     |   0
 .../pages/{vault => }/withdraw/Withdraw.jsx   |   2 +-
 .../pages/{vault => }/withdraw/withdraw.css   |   0
 frontend/src/services/contract.js             |   2 +-
 frontend/src/services/transaction.js          |   2 +-
 86 files changed, 73 insertions(+), 536 deletions(-)
 delete mode 100644 frontend/src/components/CardGradients.jsx
 delete mode 100644 frontend/src/components/Dashboard/DashboardCard.jsx
 delete mode 100644 frontend/src/components/LendingForm.js
 delete mode 100644 frontend/src/components/Login.js
 delete mode 100644 frontend/src/components/SlideBarFour.jsx
 delete mode 100644 frontend/src/components/Telegram/TelegramLogin.jsx
 delete mode 100644 frontend/src/components/Telegram/telegramLogin.css
 rename frontend/src/components/{ => dashboard}/borrow/Borrow.jsx (100%)
 rename frontend/src/components/{ => dashboard}/borrow/borrow.css (100%)
 rename frontend/src/components/{ => dashboard}/collateral/Collateral.jsx (100%)
 rename frontend/src/components/{ => dashboard}/collateral/collateral.css (100%)
 rename frontend/src/{pages/spotnet => components/home}/about/About.jsx (97%)
 rename frontend/src/{pages/spotnet => components/home}/about/about.css (100%)
 rename frontend/src/{pages/spotnet/dont_miss => components/home/dont-miss}/DontMiss.jsx (96%)
 rename frontend/src/{pages/spotnet/dont_miss => components/home/dont-miss}/dont_miss.css (100%)
 rename frontend/src/{pages/spotnet => components/home}/home/Home.jsx (96%)
 rename frontend/src/{pages/spotnet => components/home}/home/home.css (100%)
 rename frontend/src/{pages/spotnet => components/home}/information/Information.jsx (97%)
 rename frontend/src/{pages/spotnet => components/home}/information/information.css (100%)
 rename frontend/src/{pages/spotnet => components/home}/partnership/Partnership.jsx (100%)
 rename frontend/src/{pages/spotnet => components/home}/partnership/partnership.css (100%)
 rename frontend/src/components/{congratulationsModal => layout/congratulations-modal}/CongratulationsModal.css (100%)
 rename frontend/src/components/{congratulationsModal => layout/congratulations-modal}/CongratulationsModal.jsx (100%)
 rename frontend/src/components/{Footer/footer.css => layout/footer/Footer.css} (100%)
 rename frontend/src/components/{Footer => layout/footer}/Footer.jsx (99%)
 rename frontend/src/components/{header/header.css => layout/header/Header.css} (100%)
 rename frontend/src/components/{ => layout}/header/Header.jsx (89%)
 rename frontend/src/components/{mobDropdownMenu => layout/mob-dropdown-menu}/MobDropdownMenu.jsx (100%)
 rename frontend/src/components/{mobDropdownMenu => layout/mob-dropdown-menu}/mobDropdownMenu.css (100%)
 rename frontend/src/components/{ => layout/navigation-links}/NavigationLinks.jsx (95%)
 rename frontend/src/components/{Notifier => layout/notifier}/Notifier.jsx (100%)
 rename frontend/src/components/{Notifier => layout/notifier}/notifier.css (100%)
 rename frontend/src/components/{Section => layout/section}/Section.jsx (100%)
 rename frontend/src/components/{Section => layout/section}/section.css (100%)
 rename frontend/src/components/{ => layout/sections}/Sections.jsx (89%)
 rename frontend/src/components/{ => layout/star-maker}/StarMaker.jsx (100%)
 rename frontend/src/components/{ => layout/wallet-section}/WalletSection.jsx (98%)
 rename frontend/src/components/{TableOfContent/table_of_content_styles.css => table-of-content/TableOfContentStyles.css} (100%)
 rename frontend/src/components/{TableOfContent => table-of-content}/TableOfContents.jsx (98%)
 rename frontend/src/components/ui/{ActionModal => action-modal}/ActionModal.jsx (97%)
 rename frontend/src/components/ui/{ActionModal => action-modal}/actionModal.css (100%)
 rename frontend/src/components/ui/{ActionModal => action-modal}/index.js (100%)
 rename frontend/src/components/{ => ui/balance-cards}/BalanceCards.jsx (94%)
 rename frontend/src/components/{Card/card.css => ui/card/Card.css} (100%)
 rename frontend/src/components/{Card => ui/card}/Card.jsx (96%)
 rename frontend/src/components/{multiplier.css => ui/multiplier-selector/Multiplier.css} (100%)
 rename frontend/src/components/{ => ui/multiplier-selector}/MultiplierSelector.jsx (99%)
 rename frontend/src/components/{ => ui/pagination-dots}/PaginationDots.jsx (100%)
 rename frontend/src/components/{scrollButton => ui/scroll-button}/ScrollButton.css (100%)
 rename frontend/src/components/{scrollButton => ui/scroll-button}/ScrollButton.jsx (100%)
 rename frontend/src/components/{ => ui}/spinner/Spinner.jsx (100%)
 rename frontend/src/components/{ => ui}/spinner/spinner.css (100%)
 rename frontend/src/components/{ => ui/token-selector}/TokenSelector.jsx (100%)
 rename frontend/src/{pages/vault/vaultLayout.css => components/vault/VaultLayout.css} (100%)
 rename frontend/src/{pages => components}/vault/VaultLayout.jsx (97%)
 rename frontend/src/components/{GasFee/gasfee.css => vault/gas-fee/GasFee.css} (100%)
 rename frontend/src/components/{GasFee => vault/gas-fee}/GasFee.jsx (95%)
 rename frontend/src/components/{MetricCard/metricCard.css => vault/metric-card/MetricCard.css} (100%)
 rename frontend/src/components/{MetricCard => vault/metric-card}/MetricCard.jsx (92%)
 rename frontend/src/components/{StakeCard/metricCard.css => vault/stake-card/MetricCard.css} (100%)
 rename frontend/src/components/{StakeCard => vault/stake-card}/MetricCard.jsx (93%)
 rename frontend/src/pages/{Login.js => Login.jsx} (86%)
 rename frontend/src/pages/{spotnet => }/dashboard/Dashboard.jsx (97%)
 rename frontend/src/pages/{spotnet => }/dashboard/dashboard.css (100%)
 rename frontend/src/pages/{spotnet => }/documentation/Documentation.jsx (93%)
 rename frontend/src/pages/{spotnet => }/documentation/documentation.css (100%)
 rename frontend/src/pages/{forms => form}/Form.jsx (89%)
 rename frontend/src/pages/{forms => form}/form.css (100%)
 rename frontend/src/pages/{spotnet => }/overview/Overview.jsx (94%)
 rename frontend/src/pages/{spotnet => }/overview/overview.css (100%)
 rename frontend/src/pages/{spotnet/position_history => position-history}/PositionHistory.jsx (96%)
 rename frontend/src/pages/{spotnet/position_history => position-history}/PositionHistoryModal.jsx (100%)
 rename frontend/src/pages/{spotnet/position_history => position-history}/positionHistory.css (100%)
 rename frontend/src/pages/{spotnet/spotnet_app/SpotnetApp.js => spotnet-app/SpotnetApp.jsx} (54%)
 rename frontend/src/pages/{vault => }/stake/Stake.jsx (96%)
 rename frontend/src/pages/{vault => }/stake/stake.css (100%)
 rename frontend/src/pages/{vault => }/withdraw/Withdraw.jsx (97%)
 rename frontend/src/pages/{vault => }/withdraw/withdraw.css (100%)

diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
index 6aca0e2f..5b18c9e7 100644
--- a/frontend/src/App.jsx
+++ b/frontend/src/App.jsx
@@ -1,26 +1,26 @@
 import React, { useState, useEffect } from 'react';
 import { Routes, Route, Navigate, useNavigate } from 'react-router-dom';
 import './globals.css';
-import Header from './components/header/Header';
-import Dashboard from 'pages/spotnet/dashboard/Dashboard';
-import Footer from './components/Footer/Footer';
-import SpotnetApp from 'pages/spotnet/spotnet_app/SpotnetApp';
+import Header from './components/layout/header/Header';
+import Dashboard from 'pages/dashboard/Dashboard';
+import Footer from './components/layout/footer/Footer';
+import SpotnetApp from 'pages/spotnet-app/SpotnetApp';
 import Login from 'pages/Login';
-import Form from 'pages/forms/Form';
+import Form from 'pages/form/Form';
 import { createPortal } from 'react-dom';
 import { logout } from 'services/wallet';
 import { getTelegramUserWalletId } from 'services/telegram';
-import Documentation from 'pages/spotnet/documentation/Documentation';
-import Withdraw from 'pages/vault/withdraw/Withdraw';
+import Documentation from 'pages/documentation/Documentation';
+import Withdraw from 'pages/withdraw/Withdraw';
 import { useWalletStore } from 'stores/useWalletStore';
-import { Notifier, notify } from 'components/Notifier/Notifier';
+import { Notifier, notify } from 'components/layout/notifier/Notifier';
 import { useConnectWallet } from 'hooks/useConnectWallet';
-import OverviewPage from 'pages/spotnet/overview/Overview';
-import { ActionModal } from 'components/ui/ActionModal';
-import Stake from 'pages/vault/stake/Stake';
+import OverviewPage from 'pages/overview/Overview';
+import { ActionModal } from 'components/ui/action-modal';
+import Stake from 'pages/stake/Stake';
 import { TELEGRAM_BOT_LINK } from 'utils/constants';
 import { useCheckMobile } from 'hooks/useCheckMobile';
-import PositionHistory from 'pages/spotnet/position_history/PositionHistory';
+import PositionHistory from 'pages/position-history/PositionHistory';
 
 
 function App() {
diff --git a/frontend/src/components/CardGradients.jsx b/frontend/src/components/CardGradients.jsx
deleted file mode 100644
index a089b1c8..00000000
--- a/frontend/src/components/CardGradients.jsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import React from 'react';
-
-const CardGradients = ({ additionalClassName }) => (
-  <div className={`card-gradients ${additionalClassName}`}>
-    <div className="card-gradient"></div>
-    <div className="card-gradient"></div>
-  </div>
-);
-
-export default CardGradients;
diff --git a/frontend/src/components/Dashboard/DashboardCard.jsx b/frontend/src/components/Dashboard/DashboardCard.jsx
deleted file mode 100644
index 8d44e66e..00000000
--- a/frontend/src/components/Dashboard/DashboardCard.jsx
+++ /dev/null
@@ -1,38 +0,0 @@
-import React from 'react';
-import 'pages/spotnet/dashboard/dashboard.css';
-
-const DashboardCard = ({ card }) => {
-  const { title, icon: Icon, currencyIcon: CurrencyIcon, currencyName, balance } = card;
-
-  const isCollateral = title === 'Collateral & Earnings';
-  const colorStyle = isCollateral ? 'var(--collateral-color)' : 'var(--borrow-color)';
-
-  return (
-    <div className="card card-custom-styles d-flex flex-column align-item-center card-shadow">
-      <header className="card-header bg-custom-color text-light text-center">
-        <div className="d-flex align-items-center justify-content-center">
-          <Icon className="card-icons" />
-          <h2 className="ms-2 icon-text-gap mb-0 text-style" style={{ color: colorStyle }}>
-            {title}
-          </h2>
-        </div>
-      </header>
-      <div className="card-body card-body-custom">
-        <div className="d-flex flex-column align-items-center bg-custom-color rounded p-3">
-          <div className="d-flex align-items-center mb-3">
-            <CurrencyIcon className="card-icons" />
-            <span className="ms-2 icon-text-gap text-style">{currencyName}</span>
-          </div>
-          <div className="d-flex align-items-center">
-            <span className="dashboard-text-color balance-text-size">Balance:</span>
-            <span className="ms-2 icon-text-gap text-style" style={{ color: colorStyle }}>
-              {balance}
-            </span>
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-};
-
-export default DashboardCard;
diff --git a/frontend/src/components/LendingForm.js b/frontend/src/components/LendingForm.js
deleted file mode 100644
index d2749392..00000000
--- a/frontend/src/components/LendingForm.js
+++ /dev/null
@@ -1,195 +0,0 @@
-import React, { useCallback, useEffect, useState } from 'react';
-import { useNavigate } from 'react-router-dom';
-import { getTokenBalances, sendTransaction } from 'services/wallet';
-import { axiosInstance } from 'utils/axios';
-import Button from 'components/ui/Button/Button';
-import { useWalletStore } from 'stores /useWalletStore';
-import { notify } from './Notifier/Notifier';
-
-
-const LendingForm = () => {
-const { walletId } = useWalletStore();
-const navigate = useNavigate();
-  const [balances, setBalances] = useState({});
-  const [formData, setFormData] = useState({
-    token: '',
-    amount: '',
-    multiplier: '',
-  });
-  const [transactionData, setTransactionData] = useState(null);
-  const [transactionStatus, setTransactionStatus] = useState(null);
-  const [isLoading, setIsLoading] = useState(false);
-
-  const fetchBalances = useCallback(async () => {
-    if (!walletId) {
-      return;
-    }
-    try {
-      const tokenBalances = await getTokenBalances(walletId);
-      setBalances(tokenBalances);
-    } catch (error) {
-      console.error('Failed to fetch balances:', error);
-      notify('Failed to fetch token balances. Please try again.', "error");
-    }
-  }, [walletId]);
-
-  useEffect(() => {
-    if (!walletId) {
-      navigate('/login');
-    } else {
-      fetchBalances();
-    }
-  }, [walletId, navigate, fetchBalances]);
-
-  const handleInputChange = (e) => {
-    const { name, value } = e.target;
-    setFormData((prevState) => ({
-      ...prevState,
-      [name]: value,
-    }));
-  };
-  const handleSubmit = async (e) => {
-    e.preventDefault();
-    setIsLoading(true);
-    setTransactionStatus(null);
-    setTransactionData(null);
-
-    try {
-      const queryParams = new URLSearchParams({
-        token: formData.token,
-        amount: formData.amount,
-        multiplier: formData.multiplier,
-        wallet_id: walletId,
-      }).toString();
-
-      const backendUrl = process.env.BACKEND_URL || 'http://127.0.0.1:8000';
-      console.log('BACKENDURL', backendUrl); // Replace with your backend URL
-      console.log('Query Params:', queryParams);
-
-      const res = axiosInstance.get(`/transaction-data?${queryParams}`);
-      if (res.status === 200) {
-        const data = res.data;
-        setTransactionData(data);
-        console.log('Transaction data fetched successfully:', data);
-
-        try {
-          const txResult = await sendTransaction(data);
-          setTransactionStatus('Transaction sent successfully!');
-        } catch (txError) {
-          console.error('Error sending transaction:', txError.response?.data);
-          setTransactionStatus('Failed to send transaction. Please try again.');
-        }
-      } else {
-        const errorData = res.response?.data;
-        console.error('Failed to fetch transaction data:', errorData);
-        setTransactionStatus('Failed to fetch transaction data. Please try again.');
-      }
-    } catch (error) {
-      console.error('Error in form submission:', error);
-      setTransactionStatus('An unexpected error occurred. Please try again.');
-    } finally {
-      setIsLoading(false);
-    }
-  };
-
-  return (
-    <div className="form-container">
-      <h2>Submit your lending details</h2>
-
-      <div className="mb-3">
-        {Object.entries(balances).map(([token, value]) => (
-          <div key={token} id={`balance-${token}`} style={{ color: '#E5E7EB' }}>
-            Balance for {token}: {value}
-          </div>
-        ))}
-      </div>
-
-      <form onSubmit={handleSubmit}>
-        <div className="mb-3">
-          <label htmlFor="token" className="form-label">
-            Select Token
-          </label>
-          <select
-            className="form-select"
-            id="token"
-            name="token"
-            value={formData.token}
-            onChange={handleInputChange}
-            required
-          >
-            <option value="" disabled>
-              Select Token
-            </option>
-            {Object.entries(balances).map(([token, balance]) => (
-              <option key={token} value={token}>
-                {token} (Balance: {balance})
-              </option>
-            ))}
-          </select>
-        </div>
-
-        <div className="mb-3">
-          <label htmlFor="amount" className="form-label">
-            Token Amount
-          </label>
-          <input
-            type="number"
-            id="amount"
-            name="amount"
-            className="form-control"
-            min="0"
-            step="any"
-            placeholder="Enter token amount"
-            value={formData.amount}
-            onChange={handleInputChange}
-            required
-          />
-        </div>
-
-        <div className="mb-3">
-          <label htmlFor="multiplier" className="form-label">
-            Multiplier
-          </label>
-          <select
-            className="form-select"
-            id="multiplier"
-            name="multiplier"
-            value={formData.multiplier}
-            onChange={handleInputChange}
-            required
-          >
-            <option value="" disabled>
-              Select Multiplier
-            </option>
-            {[2, 3, 4, 5].map((value) => (
-              <option key={value} value={value}>
-                {value}x
-              </option>
-            ))}
-          </select>
-        </div>
-
-        <Button variant="primary" size="lg" disabled={isLoading}>
-          {isLoading ? 'Processing...' : 'Submit'}
-        </Button>
-        <Notifier />
-      </form>
-
-      {transactionData && (
-        <div className="mt-4">
-          <h3>Transaction Data:</h3>
-          <pre>{JSON.stringify(transactionData, null, 2)}</pre>
-        </div>
-      )}
-
-      {transactionStatus && (
-        <div className="mt-4">
-          <h3>Transaction Status:</h3>
-          <p>{transactionStatus}</p>
-        </div>
-      )}
-    </div>
-  );
-};
-
-export default LendingForm;
diff --git a/frontend/src/components/Login.js b/frontend/src/components/Login.js
deleted file mode 100644
index a6894d3b..00000000
--- a/frontend/src/components/Login.js
+++ /dev/null
@@ -1,15 +0,0 @@
-import React from 'react';
-import Button from 'components/ui/Button/Button';
-
-function Login({ onConnectWallet }) {
-  return (
-    <div className="form-container">
-      <h2>Connect Your Wallet</h2>
-      <Button variant="secondary" size="md" onClick={onConnectWallet}>
-        Connect Wallet
-      </Button>
-    </div>
-  );
-}
-
-export default Login;
diff --git a/frontend/src/components/SlideBarFour.jsx b/frontend/src/components/SlideBarFour.jsx
deleted file mode 100644
index f40e0f8c..00000000
--- a/frontend/src/components/SlideBarFour.jsx
+++ /dev/null
@@ -1,83 +0,0 @@
-import React, { useState, useCallback, useMemo } from 'react';
-import { useMaxMultiplier } from 'hooks/useMaxMultiplier';
-import './slider-three.css';
-import { notify } from 'components/Notifier/Notifier';
-
-const StepSlider = ({ min = 0, max = 10, step = 1, defaultValue = 1, setSelectedMultiplier, selectedToken }) => {
-    const { data, isLoading, error } = useMaxMultiplier();
-    const [value, setValue] = useState(defaultValue);
-
-
-    const maxMultiplier = useMemo(() => {
-        return data?.[selectedToken] || 11.0;
-    }, [data, selectedToken]);
-
-    const handleMultiplierChange = useCallback((e) => {
-        setValue(Number(e.target.value));
-        setSelectedMultiplier(value);
-    }, [setSelectedMultiplier, value]);
-
-    const steps = Array.from(
-        { length: Math.floor((max - min) / step) + 1 },
-        (_, i) => min + (i * step)
-    );
-
-    const TOTAL_MARKS = 11;
-
-    const getTrackPercentage = useCallback(() => {
-        return ((value - min) / (max - min)) * 100;
-    }, [value, min, max]);
-
-    const getCurrentMark = useCallback(() => {
-        const invertedValue = maxMultiplier - actualValue + 1;
-        const markIndex = Math.round((invertedValue - 1) * (TOTAL_MARKS - 1) / (maxMultiplier - 1));
-        return Math.min(Math.max(0, markIndex), TOTAL_MARKS - 1);
-    }, [value, maxMultiplier, TOTAL_MARKS]);
-
-    if (isLoading) return <div className="slider-skeleton">Loading multiplier data...</div>;
-    if (error) return notify(error.message, 'error');
-
-    const currentMark = getCurrentMark();
-
-    return (
-        <div className="step-slider-container">
-            <div className="slider-labels">
-                <span>Min</span>
-                <span>Max</span>
-            </div>
-            <div className="slider-wrapper">
-                <div
-                    className="slider-track-fill"
-                    style={{ 'width': `${getTrackPercentage()}%` }}
-                />
-                <input
-                    type="range"
-                    min={min}
-                    max={max}
-                    step={step}
-                    value={value}
-                    onChange={handleMultiplierChange}
-                    className="step-slider"
-                />
-                <div className="step-markers">
-                    {steps.map((stepValue) => (
-                        <div
-                            key={stepValue}
-                            className={`step-mark ${stepValue === currentMark ? 'active' : ''}`}
-                        />
-                    ))}
-                </div>
-                <div className="step-multipliers">
-                    {Array.from({ length: TOTAL_MARKS }).map((_, index) => (
-                        <div
-                            key={index}
-                            className={`step-multiplier ${index === currentMark ? 'active' : ''}`}
-                        >x{index}</div>
-                    ))}
-                </div>
-            </div>
-        </div>
-    );
-};
-
-export default StepSlider;
\ No newline at end of file
diff --git a/frontend/src/components/Telegram/TelegramLogin.jsx b/frontend/src/components/Telegram/TelegramLogin.jsx
deleted file mode 100644
index fb6fa93f..00000000
--- a/frontend/src/components/Telegram/TelegramLogin.jsx
+++ /dev/null
@@ -1,59 +0,0 @@
-import React, { useEffect } from 'react';
-import { useWalletStore } from 'stores/useWalletStore';
-
-import './telegramLogin.css';
-
-const TelegramLogin = ({ user, onLogin }) => {
-    const { removeWalletId } = useWalletStore();
-
-  useEffect(() => {
-    const initTelegramLogin = () => {
-      const tg = window.Telegram.WebApp;
-      tg.ready();
-
-      const user = tg.initDataUnsafe?.user;
-      if (user) {
-        onLogin(user);
-      }
-    };
-
-    initTelegramLogin();
-  }, [onLogin]);
-
-  const handleLogin = () => {
-    window.Telegram.Login.auth(
-      {
-        bot_id: process.env.REACT_APP_BOT_ID,
-        request_access: 'write',
-      },
-      onLogin
-    );
-  };
-
-  const handleLogout = () => {
-    localStorage.removeItem('tg_user');
-     removeWalletId();
-    onLogin(null);
-  };
-
-  return (
-    <div className="telegram-login">
-      {user ? (
-        <div className="user-info" onClick={handleLogout}>
-          {user.photo_url ? (
-            <img src={user.photo_url} alt={user.first_name} className="user-photo" />
-          ) : (
-            <div className="user-photo-placeholder" />
-          )}
-          <span className="user-name">{user.first_name}</span>
-        </div>
-      ) : (
-        <button className="btn-telegram" onClick={handleLogin}>
-          Login with Telegram
-        </button>
-      )}
-    </div>
-  );
-};
-
-export default TelegramLogin;
diff --git a/frontend/src/components/Telegram/telegramLogin.css b/frontend/src/components/Telegram/telegramLogin.css
deleted file mode 100644
index cca4e4d0..00000000
--- a/frontend/src/components/Telegram/telegramLogin.css
+++ /dev/null
@@ -1,63 +0,0 @@
-.telegram-login {
-  display: none;
-  /* display: flex; */ /* need to get it back when telegram functionality works */
-  align-items: center;
-}
-
-.user-info {
-  background: var(--gradient);
-  border-radius: 8px;
-  height: 52px;
-  width: 190px;
-  padding: 0 10px;
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-  gap: 10px;
-}
-
-.user-photo {
-  width: 40px;
-  height: 40px;
-  border-radius: 50%;
-  object-fit: cover;
-}
-
-.user-name {
-  color: var(--black);
-  font-size: 16px;
-  font-family: var(--text-font);
-  font-weight: 700;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.btn-telegram {
-  background: var(--button-gradient);
-  color: var(--black);
-  border: none;
-  height: 40px;
-  border-radius: 8px;
-  cursor: pointer;
-  font-size: 15px;
-  font-family: var(--text-font);
-  font-weight: 700;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  padding: 0 17px;
-  box-sizing: border-box;
-}
-
-.btn-telegram:hover {
-  background: var(--button-gradient-hover);
-}
-
-.btn-telegram:active {
-  background: var(--button-gradient-active);
-}
-
-@media (max-width: 1440px) {
-}
diff --git a/frontend/src/components/borrow/Borrow.jsx b/frontend/src/components/dashboard/borrow/Borrow.jsx
similarity index 100%
rename from frontend/src/components/borrow/Borrow.jsx
rename to frontend/src/components/dashboard/borrow/Borrow.jsx
diff --git a/frontend/src/components/borrow/borrow.css b/frontend/src/components/dashboard/borrow/borrow.css
similarity index 100%
rename from frontend/src/components/borrow/borrow.css
rename to frontend/src/components/dashboard/borrow/borrow.css
diff --git a/frontend/src/components/collateral/Collateral.jsx b/frontend/src/components/dashboard/collateral/Collateral.jsx
similarity index 100%
rename from frontend/src/components/collateral/Collateral.jsx
rename to frontend/src/components/dashboard/collateral/Collateral.jsx
diff --git a/frontend/src/components/collateral/collateral.css b/frontend/src/components/dashboard/collateral/collateral.css
similarity index 100%
rename from frontend/src/components/collateral/collateral.css
rename to frontend/src/components/dashboard/collateral/collateral.css
diff --git a/frontend/src/pages/spotnet/about/About.jsx b/frontend/src/components/home/about/About.jsx
similarity index 97%
rename from frontend/src/pages/spotnet/about/About.jsx
rename to frontend/src/components/home/about/About.jsx
index 95f49095..1502c521 100644
--- a/frontend/src/pages/spotnet/about/About.jsx
+++ b/frontend/src/components/home/about/About.jsx
@@ -3,7 +3,7 @@ import { ReactComponent as ZkLend } from 'assets/icons/zklend_eth_collateral.svg
 import { ReactComponent as BorrowUSDC } from 'assets/icons/borrow_usdc.svg';
 import { ReactComponent as EkuboSwap } from 'assets/icons/ekubo_swap.svg';
 import { ReactComponent as Repeat } from 'assets/icons/repeats.svg';
-import StarMaker from '../../../components/StarMaker';
+import StarMaker from '../../layout/star-maker/StarMaker';
 import './about.css';
 
 const CardData = [
diff --git a/frontend/src/pages/spotnet/about/about.css b/frontend/src/components/home/about/about.css
similarity index 100%
rename from frontend/src/pages/spotnet/about/about.css
rename to frontend/src/components/home/about/about.css
diff --git a/frontend/src/pages/spotnet/dont_miss/DontMiss.jsx b/frontend/src/components/home/dont-miss/DontMiss.jsx
similarity index 96%
rename from frontend/src/pages/spotnet/dont_miss/DontMiss.jsx
rename to frontend/src/components/home/dont-miss/DontMiss.jsx
index 0a5c7ab8..9e690c69 100644
--- a/frontend/src/pages/spotnet/dont_miss/DontMiss.jsx
+++ b/frontend/src/components/home/dont-miss/DontMiss.jsx
@@ -4,7 +4,7 @@ import { ReactComponent as Rocket } from 'assets/icons/rocket.svg';
 import { ReactComponent as Hand } from 'assets/images/hand.svg';
 import { ReactComponent as Star } from 'assets/particles/star.svg';
 import { useNavigate } from 'react-router-dom';
-import { notify } from 'components/Notifier/Notifier'; 
+import { notify } from 'components/layout/notifier/Notifier'; 
 import { useWalletStore } from 'stores/useWalletStore'; 
 
 const DontMiss = () => {
diff --git a/frontend/src/pages/spotnet/dont_miss/dont_miss.css b/frontend/src/components/home/dont-miss/dont_miss.css
similarity index 100%
rename from frontend/src/pages/spotnet/dont_miss/dont_miss.css
rename to frontend/src/components/home/dont-miss/dont_miss.css
diff --git a/frontend/src/pages/spotnet/home/Home.jsx b/frontend/src/components/home/home/Home.jsx
similarity index 96%
rename from frontend/src/pages/spotnet/home/Home.jsx
rename to frontend/src/components/home/home/Home.jsx
index 68e89e17..a44e2d17 100644
--- a/frontend/src/pages/spotnet/home/Home.jsx
+++ b/frontend/src/components/home/home/Home.jsx
@@ -1,13 +1,13 @@
 import React from 'react';
 import { useNavigate } from 'react-router-dom';
 import { ReactComponent as SmallStar } from 'assets/particles/small_star.svg';
-import StarMaker from '../../../components/StarMaker';
+import StarMaker from '../../layout/star-maker/StarMaker';
 import { ReactComponent as Decoration } from 'assets/particles/deco.svg';
 import { ReactComponent as Starknet } from 'assets/particles/starknet.svg';
 import { ReactComponent as Rocket } from 'assets/icons/rocket.svg';
 import './home.css';
 import { useWalletStore } from 'stores/useWalletStore';
-import { notify } from 'components/Notifier/Notifier';
+import { notify } from 'components/layout/notifier/Notifier';
 
 
 function Home() {
diff --git a/frontend/src/pages/spotnet/home/home.css b/frontend/src/components/home/home/home.css
similarity index 100%
rename from frontend/src/pages/spotnet/home/home.css
rename to frontend/src/components/home/home/home.css
diff --git a/frontend/src/pages/spotnet/information/Information.jsx b/frontend/src/components/home/information/Information.jsx
similarity index 97%
rename from frontend/src/pages/spotnet/information/Information.jsx
rename to frontend/src/components/home/information/Information.jsx
index 32046e49..0f237c4e 100644
--- a/frontend/src/pages/spotnet/information/Information.jsx
+++ b/frontend/src/components/home/information/Information.jsx
@@ -1,6 +1,6 @@
 import './information.css';
 import React, { useEffect, useState } from 'react';
-import StarMaker from '../../../components/StarMaker';
+import StarMaker from '../../layout/star-maker/StarMaker';
 import { axiosInstance } from 'utils/axios';
 
 const Information = () => {
diff --git a/frontend/src/pages/spotnet/information/information.css b/frontend/src/components/home/information/information.css
similarity index 100%
rename from frontend/src/pages/spotnet/information/information.css
rename to frontend/src/components/home/information/information.css
diff --git a/frontend/src/pages/spotnet/partnership/Partnership.jsx b/frontend/src/components/home/partnership/Partnership.jsx
similarity index 100%
rename from frontend/src/pages/spotnet/partnership/Partnership.jsx
rename to frontend/src/components/home/partnership/Partnership.jsx
diff --git a/frontend/src/pages/spotnet/partnership/partnership.css b/frontend/src/components/home/partnership/partnership.css
similarity index 100%
rename from frontend/src/pages/spotnet/partnership/partnership.css
rename to frontend/src/components/home/partnership/partnership.css
diff --git a/frontend/src/components/congratulationsModal/CongratulationsModal.css b/frontend/src/components/layout/congratulations-modal/CongratulationsModal.css
similarity index 100%
rename from frontend/src/components/congratulationsModal/CongratulationsModal.css
rename to frontend/src/components/layout/congratulations-modal/CongratulationsModal.css
diff --git a/frontend/src/components/congratulationsModal/CongratulationsModal.jsx b/frontend/src/components/layout/congratulations-modal/CongratulationsModal.jsx
similarity index 100%
rename from frontend/src/components/congratulationsModal/CongratulationsModal.jsx
rename to frontend/src/components/layout/congratulations-modal/CongratulationsModal.jsx
diff --git a/frontend/src/components/Footer/footer.css b/frontend/src/components/layout/footer/Footer.css
similarity index 100%
rename from frontend/src/components/Footer/footer.css
rename to frontend/src/components/layout/footer/Footer.css
diff --git a/frontend/src/components/Footer/Footer.jsx b/frontend/src/components/layout/footer/Footer.jsx
similarity index 99%
rename from frontend/src/components/Footer/Footer.jsx
rename to frontend/src/components/layout/footer/Footer.jsx
index c7932767..fd246031 100644
--- a/frontend/src/components/Footer/Footer.jsx
+++ b/frontend/src/components/layout/footer/Footer.jsx
@@ -7,7 +7,7 @@ import { ReactComponent as GithubIcon } from 'assets/icons/github.svg';
 import { ReactComponent as DashboardIcon } from 'assets/icons/dashboard-icon.svg';
 import { ReactComponent as FormIcon } from 'assets/icons/form-icon.svg';
 
-import './footer.css';
+import './Footer.css';
 
 function Footer() {
   const socialLinks = [
diff --git a/frontend/src/components/header/header.css b/frontend/src/components/layout/header/Header.css
similarity index 100%
rename from frontend/src/components/header/header.css
rename to frontend/src/components/layout/header/Header.css
diff --git a/frontend/src/components/header/Header.jsx b/frontend/src/components/layout/header/Header.jsx
similarity index 89%
rename from frontend/src/components/header/Header.jsx
rename to frontend/src/components/layout/header/Header.jsx
index c69fac39..b3d8877c 100644
--- a/frontend/src/components/header/Header.jsx
+++ b/frontend/src/components/layout/header/Header.jsx
@@ -2,11 +2,11 @@ import React, { useState, useEffect } from 'react';
 import { useLocation } from 'react-router-dom';
 import { NavLink } from 'react-router-dom';
 import { ReactComponent as Logo } from 'assets/icons/spotnet-logo.svg';
-import WalletSection from '../WalletSection';
-import NavigationLinks from 'components/NavigationLinks';
+import WalletSection from '../wallet-section/WalletSection';
+import NavigationLinks from '../navigation-links/NavigationLinks';
 import useLockBodyScroll from 'hooks/useLockBodyScroll';
-import MobDropdownMenu from '../mobDropdownMenu/MobDropdownMenu';
-import './header.css';
+import MobDropdownMenu from '../mob-dropdown-menu/MobDropdownMenu';
+import './Header.css';
 import '../../globals.css';
 
 
diff --git a/frontend/src/components/mobDropdownMenu/MobDropdownMenu.jsx b/frontend/src/components/layout/mob-dropdown-menu/MobDropdownMenu.jsx
similarity index 100%
rename from frontend/src/components/mobDropdownMenu/MobDropdownMenu.jsx
rename to frontend/src/components/layout/mob-dropdown-menu/MobDropdownMenu.jsx
diff --git a/frontend/src/components/mobDropdownMenu/mobDropdownMenu.css b/frontend/src/components/layout/mob-dropdown-menu/mobDropdownMenu.css
similarity index 100%
rename from frontend/src/components/mobDropdownMenu/mobDropdownMenu.css
rename to frontend/src/components/layout/mob-dropdown-menu/mobDropdownMenu.css
diff --git a/frontend/src/components/NavigationLinks.jsx b/frontend/src/components/layout/navigation-links/NavigationLinks.jsx
similarity index 95%
rename from frontend/src/components/NavigationLinks.jsx
rename to frontend/src/components/layout/navigation-links/NavigationLinks.jsx
index 1ab3cb0c..8509cd13 100644
--- a/frontend/src/components/NavigationLinks.jsx
+++ b/frontend/src/components/layout/navigation-links/NavigationLinks.jsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import { NavLink } from 'react-router-dom';
-import './header/header.css';
+import './layout/header/header.css';
 
 const NavigationLinks = ({ onNavClick }) => (
   <div className="nav-items">
diff --git a/frontend/src/components/Notifier/Notifier.jsx b/frontend/src/components/layout/notifier/Notifier.jsx
similarity index 100%
rename from frontend/src/components/Notifier/Notifier.jsx
rename to frontend/src/components/layout/notifier/Notifier.jsx
diff --git a/frontend/src/components/Notifier/notifier.css b/frontend/src/components/layout/notifier/notifier.css
similarity index 100%
rename from frontend/src/components/Notifier/notifier.css
rename to frontend/src/components/layout/notifier/notifier.css
diff --git a/frontend/src/components/Section/Section.jsx b/frontend/src/components/layout/section/Section.jsx
similarity index 100%
rename from frontend/src/components/Section/Section.jsx
rename to frontend/src/components/layout/section/Section.jsx
diff --git a/frontend/src/components/Section/section.css b/frontend/src/components/layout/section/section.css
similarity index 100%
rename from frontend/src/components/Section/section.css
rename to frontend/src/components/layout/section/section.css
diff --git a/frontend/src/components/Sections.jsx b/frontend/src/components/layout/sections/Sections.jsx
similarity index 89%
rename from frontend/src/components/Sections.jsx
rename to frontend/src/components/layout/sections/Sections.jsx
index 326e99b3..9a903df6 100644
--- a/frontend/src/components/Sections.jsx
+++ b/frontend/src/components/layout/sections/Sections.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import Section from './Section/Section'; 
+import Section from '../section/Section'; 
 
 const Sections = ({ sections }) => {
   return (
diff --git a/frontend/src/components/StarMaker.jsx b/frontend/src/components/layout/star-maker/StarMaker.jsx
similarity index 100%
rename from frontend/src/components/StarMaker.jsx
rename to frontend/src/components/layout/star-maker/StarMaker.jsx
diff --git a/frontend/src/components/WalletSection.jsx b/frontend/src/components/layout/wallet-section/WalletSection.jsx
similarity index 98%
rename from frontend/src/components/WalletSection.jsx
rename to frontend/src/components/layout/wallet-section/WalletSection.jsx
index 394562dd..040cc5db 100644
--- a/frontend/src/components/WalletSection.jsx
+++ b/frontend/src/components/layout/wallet-section/WalletSection.jsx
@@ -1,5 +1,5 @@
 import React, { useState, useEffect, useRef } from 'react';
-import Button from 'components/ui/Button/Button';
+import Button from 'components/ui/button/Button';
 import { useWalletStore } from 'stores/useWalletStore';
 
 const WalletSection = ({ onConnectWallet, onLogout }) => {
diff --git a/frontend/src/components/TableOfContent/table_of_content_styles.css b/frontend/src/components/table-of-content/TableOfContentStyles.css
similarity index 100%
rename from frontend/src/components/TableOfContent/table_of_content_styles.css
rename to frontend/src/components/table-of-content/TableOfContentStyles.css
diff --git a/frontend/src/components/TableOfContent/TableOfContents.jsx b/frontend/src/components/table-of-content/TableOfContents.jsx
similarity index 98%
rename from frontend/src/components/TableOfContent/TableOfContents.jsx
rename to frontend/src/components/table-of-content/TableOfContents.jsx
index 6d96a36e..9f3127f7 100644
--- a/frontend/src/components/TableOfContent/TableOfContents.jsx
+++ b/frontend/src/components/table-of-content/TableOfContents.jsx
@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from 'react';
-import './table_of_content_styles.css';
+import './TableOfContentStyles.css';
 
 const TableOfContents = ({ items, defaultActiveId, tabelTitle, headerHeight = 80 }) => {
   const [activeId, setActiveId] = useState(defaultActiveId);
diff --git a/frontend/src/components/ui/Button/Button.jsx b/frontend/src/components/ui/Button/Button.jsx
index c358d0d2..4bb898c5 100644
--- a/frontend/src/components/ui/Button/Button.jsx
+++ b/frontend/src/components/ui/Button/Button.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import './button.css';
+import './Button.css';
 
 const Button = ({ variant = 'primary', size = 'md', className = '', children, ...props }) => {
   const buttonClasses = ['button', `button--${variant}`, `button--${size}`, className].filter(Boolean).join(' ');
diff --git a/frontend/src/components/ui/ActionModal/ActionModal.jsx b/frontend/src/components/ui/action-modal/ActionModal.jsx
similarity index 97%
rename from frontend/src/components/ui/ActionModal/ActionModal.jsx
rename to frontend/src/components/ui/action-modal/ActionModal.jsx
index 34c87b3a..1b942e5d 100644
--- a/frontend/src/components/ui/ActionModal/ActionModal.jsx
+++ b/frontend/src/components/ui/action-modal/ActionModal.jsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import './actionModal.css';
-import { Button } from '../Button';
+import { Button } from '../button';
 import useLockBodyScroll from 'hooks/useLockBodyScroll';
 const ActionModal = ({
   isOpen,
diff --git a/frontend/src/components/ui/ActionModal/actionModal.css b/frontend/src/components/ui/action-modal/actionModal.css
similarity index 100%
rename from frontend/src/components/ui/ActionModal/actionModal.css
rename to frontend/src/components/ui/action-modal/actionModal.css
diff --git a/frontend/src/components/ui/ActionModal/index.js b/frontend/src/components/ui/action-modal/index.js
similarity index 100%
rename from frontend/src/components/ui/ActionModal/index.js
rename to frontend/src/components/ui/action-modal/index.js
diff --git a/frontend/src/components/BalanceCards.jsx b/frontend/src/components/ui/balance-cards/BalanceCards.jsx
similarity index 94%
rename from frontend/src/components/BalanceCards.jsx
rename to frontend/src/components/ui/balance-cards/BalanceCards.jsx
index dd1f957f..f8b7e2d3 100644
--- a/frontend/src/components/BalanceCards.jsx
+++ b/frontend/src/components/ui/balance-cards/BalanceCards.jsx
@@ -1,8 +1,8 @@
 import React, { useEffect } from 'react';
 import { useMatchMedia } from 'hooks/useMatchMedia';
-import { getBalances } from '../services/wallet';
+import { getBalances } from '../../../services/wallet';
 import useScrollTracker from 'hooks/useScrollTracker';
-import PaginationDots from './PaginationDots';
+import PaginationDots from '../pagination-dots/PaginationDots';
 import { useWalletStore } from 'stores/useWalletStore';
 
 const BalanceCards = ({balances, setBalances}) => {
diff --git a/frontend/src/components/Card/card.css b/frontend/src/components/ui/card/Card.css
similarity index 100%
rename from frontend/src/components/Card/card.css
rename to frontend/src/components/ui/card/Card.css
diff --git a/frontend/src/components/Card/Card.jsx b/frontend/src/components/ui/card/Card.jsx
similarity index 96%
rename from frontend/src/components/Card/Card.jsx
rename to frontend/src/components/ui/card/Card.jsx
index b0cb4e46..8c064c72 100644
--- a/frontend/src/components/Card/Card.jsx
+++ b/frontend/src/components/ui/card/Card.jsx
@@ -1,4 +1,4 @@
-import './card.css';
+import './Card.css';
 
 function Card({ label, icon, value = '', cardData = [] }) {
   return (
diff --git a/frontend/src/components/multiplier.css b/frontend/src/components/ui/multiplier-selector/Multiplier.css
similarity index 100%
rename from frontend/src/components/multiplier.css
rename to frontend/src/components/ui/multiplier-selector/Multiplier.css
diff --git a/frontend/src/components/MultiplierSelector.jsx b/frontend/src/components/ui/multiplier-selector/MultiplierSelector.jsx
similarity index 99%
rename from frontend/src/components/MultiplierSelector.jsx
rename to frontend/src/components/ui/multiplier-selector/MultiplierSelector.jsx
index 82dac369..d8ee053d 100644
--- a/frontend/src/components/MultiplierSelector.jsx
+++ b/frontend/src/components/ui/multiplier-selector/MultiplierSelector.jsx
@@ -1,7 +1,7 @@
 import React, { useMemo, useCallback, useState, useRef, useEffect } from 'react';
 import { useMaxMultiplier } from 'hooks/useMaxMultiplier';
 import sliderThumb from '../assets/icons/slider_thumb.svg';
-import './multiplier.css';
+import './Multiplier.css';
 
 const MultiplierSelector = ({ setSelectedMultiplier, selectedToken }) => {
   const minMultiplier = 1.1;
diff --git a/frontend/src/components/PaginationDots.jsx b/frontend/src/components/ui/pagination-dots/PaginationDots.jsx
similarity index 100%
rename from frontend/src/components/PaginationDots.jsx
rename to frontend/src/components/ui/pagination-dots/PaginationDots.jsx
diff --git a/frontend/src/components/scrollButton/ScrollButton.css b/frontend/src/components/ui/scroll-button/ScrollButton.css
similarity index 100%
rename from frontend/src/components/scrollButton/ScrollButton.css
rename to frontend/src/components/ui/scroll-button/ScrollButton.css
diff --git a/frontend/src/components/scrollButton/ScrollButton.jsx b/frontend/src/components/ui/scroll-button/ScrollButton.jsx
similarity index 100%
rename from frontend/src/components/scrollButton/ScrollButton.jsx
rename to frontend/src/components/ui/scroll-button/ScrollButton.jsx
diff --git a/frontend/src/components/spinner/Spinner.jsx b/frontend/src/components/ui/spinner/Spinner.jsx
similarity index 100%
rename from frontend/src/components/spinner/Spinner.jsx
rename to frontend/src/components/ui/spinner/Spinner.jsx
diff --git a/frontend/src/components/spinner/spinner.css b/frontend/src/components/ui/spinner/spinner.css
similarity index 100%
rename from frontend/src/components/spinner/spinner.css
rename to frontend/src/components/ui/spinner/spinner.css
diff --git a/frontend/src/components/TokenSelector.jsx b/frontend/src/components/ui/token-selector/TokenSelector.jsx
similarity index 100%
rename from frontend/src/components/TokenSelector.jsx
rename to frontend/src/components/ui/token-selector/TokenSelector.jsx
diff --git a/frontend/src/pages/vault/vaultLayout.css b/frontend/src/components/vault/VaultLayout.css
similarity index 100%
rename from frontend/src/pages/vault/vaultLayout.css
rename to frontend/src/components/vault/VaultLayout.css
diff --git a/frontend/src/pages/vault/VaultLayout.jsx b/frontend/src/components/vault/VaultLayout.jsx
similarity index 97%
rename from frontend/src/pages/vault/VaultLayout.jsx
rename to frontend/src/components/vault/VaultLayout.jsx
index 64567785..ac436855 100644
--- a/frontend/src/pages/vault/VaultLayout.jsx
+++ b/frontend/src/components/vault/VaultLayout.jsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import { NavLink, Outlet } from 'react-router-dom';
-import './vaultLayout.css';
+import './VaultLayout.css';
 
 export function VaultLayout({ children }) {
   return (
diff --git a/frontend/src/components/GasFee/gasfee.css b/frontend/src/components/vault/gas-fee/GasFee.css
similarity index 100%
rename from frontend/src/components/GasFee/gasfee.css
rename to frontend/src/components/vault/gas-fee/GasFee.css
diff --git a/frontend/src/components/GasFee/GasFee.jsx b/frontend/src/components/vault/gas-fee/GasFee.jsx
similarity index 95%
rename from frontend/src/components/GasFee/GasFee.jsx
rename to frontend/src/components/vault/gas-fee/GasFee.jsx
index 48b89cf5..692bc898 100644
--- a/frontend/src/components/GasFee/GasFee.jsx
+++ b/frontend/src/components/vault/gas-fee/GasFee.jsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import { ReactComponent as SettingIcon } from 'assets/icons/settings.svg';
-import './gasfee.css';
+import './GasFee.css';
 
 
 export default function GasFee() {
diff --git a/frontend/src/components/MetricCard/metricCard.css b/frontend/src/components/vault/metric-card/MetricCard.css
similarity index 100%
rename from frontend/src/components/MetricCard/metricCard.css
rename to frontend/src/components/vault/metric-card/MetricCard.css
diff --git a/frontend/src/components/MetricCard/MetricCard.jsx b/frontend/src/components/vault/metric-card/MetricCard.jsx
similarity index 92%
rename from frontend/src/components/MetricCard/MetricCard.jsx
rename to frontend/src/components/vault/metric-card/MetricCard.jsx
index 8b1f577d..ae668d2b 100644
--- a/frontend/src/components/MetricCard/MetricCard.jsx
+++ b/frontend/src/components/vault/metric-card/MetricCard.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import './metricCard.css';
+import './MetricCard.css';
 
 export default function MetricCard({ title, value }) {
   return (
diff --git a/frontend/src/components/StakeCard/metricCard.css b/frontend/src/components/vault/stake-card/MetricCard.css
similarity index 100%
rename from frontend/src/components/StakeCard/metricCard.css
rename to frontend/src/components/vault/stake-card/MetricCard.css
diff --git a/frontend/src/components/StakeCard/MetricCard.jsx b/frontend/src/components/vault/stake-card/MetricCard.jsx
similarity index 93%
rename from frontend/src/components/StakeCard/MetricCard.jsx
rename to frontend/src/components/vault/stake-card/MetricCard.jsx
index 5529cd7f..36d299e8 100644
--- a/frontend/src/components/StakeCard/MetricCard.jsx
+++ b/frontend/src/components/vault/stake-card/MetricCard.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import './metricCard.css';
+import './MetricCard.css';
 
 export default function MetricCard({ icon= 1, title, value }) {
   return (
diff --git a/frontend/src/hooks/useClosePosition.js b/frontend/src/hooks/useClosePosition.js
index 8df35d34..60f8f04b 100644
--- a/frontend/src/hooks/useClosePosition.js
+++ b/frontend/src/hooks/useClosePosition.js
@@ -2,7 +2,7 @@ import { useMutation, useQuery } from '@tanstack/react-query';
 import { axiosInstance } from 'utils/axios';
 import { closePosition } from 'services/transaction';
 import { useWalletStore } from 'stores/useWalletStore';
-import { notify } from 'components/Notifier/Notifier';
+import { notify } from 'components/layout/notifier/Notifier';
 
 export const useClosePosition = () => {
   const { walletId } = useWalletStore();
diff --git a/frontend/src/hooks/useConnectWallet.js b/frontend/src/hooks/useConnectWallet.js
index 576ffff9..bef1cc5a 100644
--- a/frontend/src/hooks/useConnectWallet.js
+++ b/frontend/src/hooks/useConnectWallet.js
@@ -1,5 +1,5 @@
 import { useMutation } from '@tanstack/react-query';
-import { notify } from 'components/Notifier/Notifier';
+import { notify } from 'components/layout/notifier/Notifier';
 import { connectWallet, checkForCRMToken } from 'services/wallet';
 
 export const useConnectWallet = (setWalletId) => {
diff --git a/frontend/src/hooks/useMaxMultiplier.js b/frontend/src/hooks/useMaxMultiplier.js
index 3d8f7eeb..bb65c758 100644
--- a/frontend/src/hooks/useMaxMultiplier.js
+++ b/frontend/src/hooks/useMaxMultiplier.js
@@ -1,7 +1,7 @@
 import { useQuery } from '@tanstack/react-query';
 import { ONE_HOUR_IN_MILLISECONDS } from '../utils/constants';
 import { axiosInstance } from 'utils/axios';
-import { notify } from 'components/Notifier/Notifier';
+import { notify } from 'components/layout/notifier/Notifier';
 
 export const useMaxMultiplier = () => {
   const { data, isPending } = useQuery({
diff --git a/frontend/src/hooks/useTelegramNotification.js b/frontend/src/hooks/useTelegramNotification.js
index 883261b7..accebe6a 100644
--- a/frontend/src/hooks/useTelegramNotification.js
+++ b/frontend/src/hooks/useTelegramNotification.js
@@ -1,6 +1,6 @@
 import { useMutation } from "@tanstack/react-query";
 import { subscribeToNotification, generateTelegramLink } from "services/telegram";
-import { notify } from "components/Notifier/Notifier";
+import { notify } from "components/layout/notifier/Notifier";
 
 const useTelegramNotification = () => {
     const mutation = useMutation({
diff --git a/frontend/src/pages/Login.js b/frontend/src/pages/Login.jsx
similarity index 86%
rename from frontend/src/pages/Login.js
rename to frontend/src/pages/Login.jsx
index aad61f11..5a6e8959 100644
--- a/frontend/src/pages/Login.js
+++ b/frontend/src/pages/Login.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import Button from 'components/ui/Button/Button';
+import Button from 'components/ui/button/Button';
 
 function Login({ onConnectWallet }) {
   return (
diff --git a/frontend/src/pages/spotnet/dashboard/Dashboard.jsx b/frontend/src/pages/dashboard/Dashboard.jsx
similarity index 97%
rename from frontend/src/pages/spotnet/dashboard/Dashboard.jsx
rename to frontend/src/pages/dashboard/Dashboard.jsx
index ce6a7304..56eb9959 100644
--- a/frontend/src/pages/spotnet/dashboard/Dashboard.jsx
+++ b/frontend/src/pages/dashboard/Dashboard.jsx
@@ -5,17 +5,17 @@ import { ReactComponent as StrkIcon } from 'assets/icons/strk.svg';
 import { ReactComponent as UsdIcon } from 'assets/icons/usd_coin.svg';
 import { ReactComponent as BorrowIcon } from 'assets/icons/borrow_dynamic.svg';
 import { ReactComponent as TelegramIcon } from 'assets/icons/telegram_dashboard.svg';
-import Spinner from 'components/spinner/Spinner';
+import Spinner from 'components/ui/spinner/Spinner';
 import useDashboardData from 'hooks/useDashboardData';
 import { useClosePosition, useCheckPosition } from 'hooks/useClosePosition';
-import Button from 'components/ui/Button/Button';
+import Button from 'components/ui/button/Button';
 import { useWalletStore } from 'stores/useWalletStore';
-import { ActionModal } from 'components/ui/ActionModal';
+import { ActionModal } from 'components/ui/action-modal';
 import useTelegramNotification from 'hooks/useTelegramNotification';
 import Borrow from 'components/borrow/Borrow';
 import { ReactComponent as CollateralIcon } from 'assets/icons/collateral_dynamic.svg';
 import Collateral from 'components/collateral/Collateral';
-import Card from 'components/Card/Card';
+import Card from 'components/ui/card/Card';
 import { ReactComponent as HealthIcon } from 'assets/icons/health.svg';
 
 export default function Component({ telegramId }) {
diff --git a/frontend/src/pages/spotnet/dashboard/dashboard.css b/frontend/src/pages/dashboard/dashboard.css
similarity index 100%
rename from frontend/src/pages/spotnet/dashboard/dashboard.css
rename to frontend/src/pages/dashboard/dashboard.css
diff --git a/frontend/src/pages/spotnet/documentation/Documentation.jsx b/frontend/src/pages/documentation/Documentation.jsx
similarity index 93%
rename from frontend/src/pages/spotnet/documentation/Documentation.jsx
rename to frontend/src/pages/documentation/Documentation.jsx
index 1893a0aa..cec15b16 100644
--- a/frontend/src/pages/spotnet/documentation/Documentation.jsx
+++ b/frontend/src/pages/documentation/Documentation.jsx
@@ -1,8 +1,8 @@
 import React, { useEffect } from 'react';
 import './documentation.css';
-import TableOfContents from '../../../components/TableOfContent/TableOfContents';
-import ScrollButton from '../../../components/scrollButton/ScrollButton';
-import Sections from 'components/Sections';
+import TableOfContents from '../../components/table-of-content/TableOfContents';
+import ScrollButton from '../../components/ui/scroll-button/ScrollButton';
+import Sections from 'components/layout/sections/Sections';
 
 const Documentation = () => {
 
diff --git a/frontend/src/pages/spotnet/documentation/documentation.css b/frontend/src/pages/documentation/documentation.css
similarity index 100%
rename from frontend/src/pages/spotnet/documentation/documentation.css
rename to frontend/src/pages/documentation/documentation.css
diff --git a/frontend/src/pages/forms/Form.jsx b/frontend/src/pages/form/Form.jsx
similarity index 89%
rename from frontend/src/pages/forms/Form.jsx
rename to frontend/src/pages/form/Form.jsx
index 659f4d73..3b949b03 100644
--- a/frontend/src/pages/forms/Form.jsx
+++ b/frontend/src/pages/form/Form.jsx
@@ -2,23 +2,23 @@ import React, { useState } from 'react';
 import { ReactComponent as ETH } from '../../assets/icons/ethereum.svg';
 import { ReactComponent as USDC } from '../../assets/icons/borrow_usdc.svg';
 import { ReactComponent as STRK } from '../../assets/icons/strk.svg';
-import TokenSelector from 'components/TokenSelector';
-import BalanceCards from 'components/BalanceCards';
-import MultiplierSelector from 'components/MultiplierSelector';
+import TokenSelector from 'components/ui/token-selector/TokenSelector';
+import BalanceCards from 'components/ui/balance-cards/BalanceCards';
+import MultiplierSelector from 'components/ui/multiplier-selector/MultiplierSelector';
 import { handleTransaction } from 'services/transaction';
-import Spinner from 'components/spinner/Spinner';
+import Spinner from 'components/ui/spinner/Spinner';
 import './form.css';
 import { createPortal } from 'react-dom';
 import useLockBodyScroll from 'hooks/useLockBodyScroll';
-import CongratulationsModal from 'components/congratulationsModal/CongratulationsModal';
-import Button from 'components/ui/Button/Button';
+import CongratulationsModal from 'components/layout/congratulations-modal/CongratulationsModal';
+import Button from 'components/ui/button/Button';
 import { useWalletStore } from 'stores/useWalletStore';
 import { useConnectWallet } from 'hooks/useConnectWallet';
 import { useCheckPosition } from 'hooks/useClosePosition';
 import { useNavigate } from 'react-router-dom';
-import { ActionModal } from 'components/ui/ActionModal';
+import { ActionModal } from 'components/ui/action-modal';
 import { useHealthFactor } from 'hooks/useHealthRatio';
-import { notify } from 'components/Notifier/Notifier';
+import { notify } from 'components/layout/notifier/Notifier';
 
 const Form = () => {
   const navigate = useNavigate();
diff --git a/frontend/src/pages/forms/form.css b/frontend/src/pages/form/form.css
similarity index 100%
rename from frontend/src/pages/forms/form.css
rename to frontend/src/pages/form/form.css
diff --git a/frontend/src/pages/spotnet/overview/Overview.jsx b/frontend/src/pages/overview/Overview.jsx
similarity index 94%
rename from frontend/src/pages/spotnet/overview/Overview.jsx
rename to frontend/src/pages/overview/Overview.jsx
index f2a85862..64fca221 100644
--- a/frontend/src/pages/spotnet/overview/Overview.jsx
+++ b/frontend/src/pages/overview/Overview.jsx
@@ -1,8 +1,8 @@
 import React, { useEffect } from 'react';
 import './overview.css';
-import TableOfContents from 'components/TableOfContent/TableOfContents';
-import ScrollButton from 'components/scrollButton/ScrollButton';
-import Sections from 'components/Sections';
+import TableOfContents from 'components/table-of-content/TableOfContents';
+import ScrollButton from 'components/ui/scroll-button/ScrollButton';
+import Sections from 'components/layout/sections/Sections';
 
 const OverviewPage = () => {
     useEffect(() => {
diff --git a/frontend/src/pages/spotnet/overview/overview.css b/frontend/src/pages/overview/overview.css
similarity index 100%
rename from frontend/src/pages/spotnet/overview/overview.css
rename to frontend/src/pages/overview/overview.css
diff --git a/frontend/src/pages/spotnet/position_history/PositionHistory.jsx b/frontend/src/pages/position-history/PositionHistory.jsx
similarity index 96%
rename from frontend/src/pages/spotnet/position_history/PositionHistory.jsx
rename to frontend/src/pages/position-history/PositionHistory.jsx
index 4dc428fe..e30ed972 100644
--- a/frontend/src/pages/spotnet/position_history/PositionHistory.jsx
+++ b/frontend/src/pages/position-history/PositionHistory.jsx
@@ -5,11 +5,11 @@ import { ReactComponent as EthIcon } from 'assets/icons/ethereum.svg';
 import { ReactComponent as StrkIcon } from 'assets/icons/strk.svg';
 import { ReactComponent as UsdIcon } from 'assets/icons/usd_coin.svg';
 import { usePositionHistoryTable } from 'hooks/usePositionHistory';
-import Spinner from 'components/spinner/Spinner';
+import Spinner from 'components/ui/spinner/Spinner';
 import filterIcon from '../../../assets/icons/filter-horizontal.svg';
 import useDashboardData from 'hooks/useDashboardData';
-import Card from 'components/Card/Card';
-import PositionHistoryModal from 'pages/spotnet/position_history/PositionHistoryModal';
+import Card from 'components/ui/card/Card';
+import PositionHistoryModal from 'pages/position-history/PositionHistoryModal';
 
 function PositionHistory() {
   const [selectedPosition, setSelectedPosition] = useState(null);
diff --git a/frontend/src/pages/spotnet/position_history/PositionHistoryModal.jsx b/frontend/src/pages/position-history/PositionHistoryModal.jsx
similarity index 100%
rename from frontend/src/pages/spotnet/position_history/PositionHistoryModal.jsx
rename to frontend/src/pages/position-history/PositionHistoryModal.jsx
diff --git a/frontend/src/pages/spotnet/position_history/positionHistory.css b/frontend/src/pages/position-history/positionHistory.css
similarity index 100%
rename from frontend/src/pages/spotnet/position_history/positionHistory.css
rename to frontend/src/pages/position-history/positionHistory.css
diff --git a/frontend/src/pages/spotnet/spotnet_app/SpotnetApp.js b/frontend/src/pages/spotnet-app/SpotnetApp.jsx
similarity index 54%
rename from frontend/src/pages/spotnet/spotnet_app/SpotnetApp.js
rename to frontend/src/pages/spotnet-app/SpotnetApp.jsx
index e579c079..524c8da2 100644
--- a/frontend/src/pages/spotnet/spotnet_app/SpotnetApp.js
+++ b/frontend/src/pages/spotnet-app/SpotnetApp.jsx
@@ -1,9 +1,9 @@
 import React from 'react';
-import About from '../about/About';
-import Partnership from '../partnership/Partnership';
-import Information from '../information/Information';
-import DontMiss from '../dont_miss/DontMiss';
-import Home from '../home/Home';
+import About from '../../components/home/about/About';
+import Partnership from '../../components/home/partnership/Partnership';
+import Information from '../../components/home/information/Information';
+import DontMiss from '../../components/home/dont-miss/DontMiss';
+import Home from '../../components/home/home/Home';
 
 const SpotnetApp = ({ onConnectWallet, onLogout }) => {
 
diff --git a/frontend/src/pages/vault/stake/Stake.jsx b/frontend/src/pages/stake/Stake.jsx
similarity index 96%
rename from frontend/src/pages/vault/stake/Stake.jsx
rename to frontend/src/pages/stake/Stake.jsx
index aa248d69..b3ad0167 100644
--- a/frontend/src/pages/vault/stake/Stake.jsx
+++ b/frontend/src/pages/stake/Stake.jsx
@@ -7,10 +7,10 @@ import MetricCard from 'components/StakeCard/MetricCard';
 import STRK from '../../../assets/icons/strk.svg';
 import USDCc from '../../../assets/icons/apy_icon.svg';
 import './stake.css';
-import { VaultLayout } from '../VaultLayout';
-import { Button } from 'components/ui/Button';
+import { VaultLayout } from '../../components/vault/VaultLayout';
+import { Button } from 'components/ui/button';
 import GasFee from 'components/GasFee/GasFee';
-import BalanceCards from 'components/BalanceCards';
+import BalanceCards from 'components/ui/balance-cards/BalanceCards';
 
 function Stake() {
   const [selectedNetwork, setSelectedNetwork] = useState('Starknet');
diff --git a/frontend/src/pages/vault/stake/stake.css b/frontend/src/pages/stake/stake.css
similarity index 100%
rename from frontend/src/pages/vault/stake/stake.css
rename to frontend/src/pages/stake/stake.css
diff --git a/frontend/src/pages/vault/withdraw/Withdraw.jsx b/frontend/src/pages/withdraw/Withdraw.jsx
similarity index 97%
rename from frontend/src/pages/vault/withdraw/Withdraw.jsx
rename to frontend/src/pages/withdraw/Withdraw.jsx
index 29011b84..2a38c556 100644
--- a/frontend/src/pages/vault/withdraw/Withdraw.jsx
+++ b/frontend/src/pages/withdraw/Withdraw.jsx
@@ -4,7 +4,7 @@ import { ReactComponent as DiamondIcon } from 'assets/icons/diamond.svg';
 import { ReactComponent as TimeIcon } from 'assets/icons/time.svg';
 import { ReactComponent as SettingIcon } from 'assets/icons/settings.svg';
 import MetricCard from 'components/MetricCard/MetricCard';
-import { VaultLayout } from '../VaultLayout';
+import { VaultLayout } from '../../components/vault/VaultLayout';
 
 export default function Withdraw() {
   return (
diff --git a/frontend/src/pages/vault/withdraw/withdraw.css b/frontend/src/pages/withdraw/withdraw.css
similarity index 100%
rename from frontend/src/pages/vault/withdraw/withdraw.css
rename to frontend/src/pages/withdraw/withdraw.css
diff --git a/frontend/src/services/contract.js b/frontend/src/services/contract.js
index afe866e1..9ca2e874 100644
--- a/frontend/src/services/contract.js
+++ b/frontend/src/services/contract.js
@@ -1,7 +1,7 @@
 import { connect } from 'get-starknet';
 import { getDeployContractData } from '../utils/constants';
 import { axiosInstance } from '../utils/axios';
-import { notify, ToastWithLink } from '../components/Notifier/Notifier';
+import { notify, ToastWithLink } from '../components/layout/notifier/Notifier';
 
 export async function deployContract(walletId) {
   try {
diff --git a/frontend/src/services/transaction.js b/frontend/src/services/transaction.js
index ef24e166..93e63b2a 100644
--- a/frontend/src/services/transaction.js
+++ b/frontend/src/services/transaction.js
@@ -4,7 +4,7 @@ import { erc20abi } from '../abis/erc20';
 import { abi } from '../abis/abi';
 import { axiosInstance } from '../utils/axios';
 import {checkAndDeployContract} from './contract';
-import { notify, ToastWithLink } from '../components/Notifier/Notifier';
+import { notify, ToastWithLink } from '../components/layout/notifier/Notifier';
 
 export async function sendTransaction(loopLiquidityData, contractAddress) {
   try {

From e52f3fe013f55a889fb7762ccc62f5b1c149468e Mon Sep 17 00:00:00 2001
From: system625 <tunde-ajayi.olaoluwasijibomi@lmu.edu.ng>
Date: Fri, 20 Dec 2024 09:46:47 +0100
Subject: [PATCH 05/36] Pipeline fix

---
 frontend/src/App.jsx                          | 34 +++++++++----------
 frontend/src/components/home/about/About.jsx  |  8 ++---
 .../components/home/dont-miss/DontMiss.jsx    | 12 +++----
 .../dont-miss/{dont_miss.css => dontMiss.css} |  0
 frontend/src/components/home/home/Home.jsx    | 12 +++----
 .../home/partnership/Partnership.jsx          |  6 ++--
 .../CongratulationsModal.jsx                  |  4 +--
 .../src/components/layout/footer/Footer.jsx   | 12 +++----
 .../src/components/layout/header/Header.jsx   |  8 ++---
 .../mob-dropdown-menu/MobDropdownMenu.jsx     |  8 ++---
 .../navigation-links/NavigationLinks.jsx      |  2 +-
 .../layout/star-maker/StarMaker.jsx           |  2 +-
 .../layout/wallet-section/WalletSection.jsx   |  4 +--
 .../table-of-content/TableOfContents.jsx      |  2 +-
 frontend/src/components/ui/Button/Button.jsx  |  2 +-
 frontend/src/components/ui/card/Card.jsx      |  2 +-
 .../MultiplierSelector.jsx                    |  6 ++--
 .../ui/scroll-button/ScrollButton.jsx         |  2 +-
 frontend/src/components/vault/VaultLayout.jsx |  2 +-
 .../src/components/vault/gas-fee/GasFee.jsx   |  2 +-
 .../vault/metric-card/MetricCard.jsx          |  2 +-
 .../vault/stake-card/MetricCard.jsx           |  2 +-
 frontend/src/hooks/useConnectWallet.js        |  4 +--
 frontend/src/hooks/useMaxMultiplier.js        |  4 +--
 frontend/src/hooks/useTelegramNotification.js |  4 +--
 frontend/src/pages/Login.jsx                  |  2 +-
 frontend/src/pages/dashboard/Dashboard.jsx    | 34 +++++++++----------
 frontend/src/pages/dashboard/YourComponent.js |  1 +
 frontend/src/pages/dashboard/dashboard.css    |  4 +--
 .../src/pages/documentation/documentation.css |  2 +-
 frontend/src/pages/form/Form.jsx              | 28 +++++++--------
 frontend/src/pages/overview/Overview.jsx      |  6 ++--
 frontend/src/pages/overview/overview.css      |  2 +-
 .../position-history/PositionHistory.jsx      | 20 +++++------
 .../position-history/positionHistory.css      |  2 +-
 frontend/src/pages/stake/Stake.jsx            | 20 +++++------
 frontend/src/pages/stake/stake.css            |  2 +-
 frontend/src/pages/withdraw/Withdraw.jsx      |  8 ++---
 frontend/src/pages/withdraw/withdraw.css      |  2 +-
 39 files changed, 140 insertions(+), 139 deletions(-)
 rename frontend/src/components/home/dont-miss/{dont_miss.css => dontMiss.css} (100%)
 create mode 100644 frontend/src/pages/dashboard/YourComponent.js

diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
index 5b18c9e7..914e7e2c 100644
--- a/frontend/src/App.jsx
+++ b/frontend/src/App.jsx
@@ -2,25 +2,25 @@ import React, { useState, useEffect } from 'react';
 import { Routes, Route, Navigate, useNavigate } from 'react-router-dom';
 import './globals.css';
 import Header from './components/layout/header/Header';
-import Dashboard from 'pages/dashboard/Dashboard';
+import Dashboard from './pages/dashboard/Dashboard';
 import Footer from './components/layout/footer/Footer';
-import SpotnetApp from 'pages/spotnet-app/SpotnetApp';
-import Login from 'pages/Login';
-import Form from 'pages/form/Form';
+import SpotnetApp from './pages/spotnet-app/SpotnetApp';
+import Login from './pages/Login';
+import Form from './pages/form/Form';
 import { createPortal } from 'react-dom';
-import { logout } from 'services/wallet';
-import { getTelegramUserWalletId } from 'services/telegram';
-import Documentation from 'pages/documentation/Documentation';
-import Withdraw from 'pages/withdraw/Withdraw';
-import { useWalletStore } from 'stores/useWalletStore';
-import { Notifier, notify } from 'components/layout/notifier/Notifier';
-import { useConnectWallet } from 'hooks/useConnectWallet';
-import OverviewPage from 'pages/overview/Overview';
-import { ActionModal } from 'components/ui/action-modal';
-import Stake from 'pages/stake/Stake';
-import { TELEGRAM_BOT_LINK } from 'utils/constants';
-import { useCheckMobile } from 'hooks/useCheckMobile';
-import PositionHistory from 'pages/position-history/PositionHistory';
+import { logout } from './services/wallet';
+import { getTelegramUserWalletId } from './services/telegram';
+import Documentation from './pages/documentation/Documentation';
+import Withdraw from './pages/withdraw/Withdraw';
+import { useWalletStore } from './stores/useWalletStore';
+import { Notifier, notify } from './components/layout/notifier/Notifier';
+import { useConnectWallet } from './hooks/useConnectWallet';
+import OverviewPage from './pages/overview/Overview';
+import { ActionModal } from './components/ui/action-modal';
+import Stake from './pages/stake/Stake';
+import { TELEGRAM_BOT_LINK } from './utils/constants';
+import { useCheckMobile } from './hooks/useCheckMobile';
+import PositionHistory from './pages/position-history/PositionHistory';
 
 
 function App() {
diff --git a/frontend/src/components/home/about/About.jsx b/frontend/src/components/home/about/About.jsx
index 1502c521..68175180 100644
--- a/frontend/src/components/home/about/About.jsx
+++ b/frontend/src/components/home/about/About.jsx
@@ -1,8 +1,8 @@
 import React from 'react';
-import { ReactComponent as ZkLend } from 'assets/icons/zklend_eth_collateral.svg';
-import { ReactComponent as BorrowUSDC } from 'assets/icons/borrow_usdc.svg';
-import { ReactComponent as EkuboSwap } from 'assets/icons/ekubo_swap.svg';
-import { ReactComponent as Repeat } from 'assets/icons/repeats.svg';
+import { ReactComponent as ZkLend } from '../../../assets/icons/zklend_eth_collateral.svg';
+import { ReactComponent as BorrowUSDC } from '../../../assets/icons/borrow_usdc.svg';
+import { ReactComponent as EkuboSwap } from '../../../assets/icons/ekubo_swap.svg';
+import { ReactComponent as Repeat } from '../../../assets/icons/repeats.svg';
 import StarMaker from '../../layout/star-maker/StarMaker';
 import './about.css';
 
diff --git a/frontend/src/components/home/dont-miss/DontMiss.jsx b/frontend/src/components/home/dont-miss/DontMiss.jsx
index 9e690c69..6754408a 100644
--- a/frontend/src/components/home/dont-miss/DontMiss.jsx
+++ b/frontend/src/components/home/dont-miss/DontMiss.jsx
@@ -1,11 +1,11 @@
-import './dont_miss.css';
+import './dontMiss.css';
 import React from 'react';
-import { ReactComponent as Rocket } from 'assets/icons/rocket.svg';
-import { ReactComponent as Hand } from 'assets/images/hand.svg';
-import { ReactComponent as Star } from 'assets/particles/star.svg';
+import { ReactComponent as Rocket } from '../../../assets/icons/rocket.svg';
+import { ReactComponent as Hand } from '../../../assets/images/hand.svg';
+import { ReactComponent as Star } from '../../../assets/particles/star.svg';
 import { useNavigate } from 'react-router-dom';
-import { notify } from 'components/layout/notifier/Notifier'; 
-import { useWalletStore } from 'stores/useWalletStore'; 
+import { notify } from '../../../components/layout/notifier/Notifier'; 
+import { useWalletStore } from '../../../stores/useWalletStore'; 
 
 const DontMiss = () => {
   const { walletId } = useWalletStore(); 
diff --git a/frontend/src/components/home/dont-miss/dont_miss.css b/frontend/src/components/home/dont-miss/dontMiss.css
similarity index 100%
rename from frontend/src/components/home/dont-miss/dont_miss.css
rename to frontend/src/components/home/dont-miss/dontMiss.css
diff --git a/frontend/src/components/home/home/Home.jsx b/frontend/src/components/home/home/Home.jsx
index a44e2d17..3de34413 100644
--- a/frontend/src/components/home/home/Home.jsx
+++ b/frontend/src/components/home/home/Home.jsx
@@ -1,13 +1,13 @@
 import React from 'react';
 import { useNavigate } from 'react-router-dom';
-import { ReactComponent as SmallStar } from 'assets/particles/small_star.svg';
+import { ReactComponent as SmallStar } from '../../../assets/particles/small_star.svg';
 import StarMaker from '../../layout/star-maker/StarMaker';
-import { ReactComponent as Decoration } from 'assets/particles/deco.svg';
-import { ReactComponent as Starknet } from 'assets/particles/starknet.svg';
-import { ReactComponent as Rocket } from 'assets/icons/rocket.svg';
+import { ReactComponent as Decoration } from '../../../assets/particles/deco.svg';
+import { ReactComponent as Starknet } from '../../../assets/particles/starknet.svg';
+import { ReactComponent as Rocket } from '../../../assets/icons/rocket.svg';
 import './home.css';
-import { useWalletStore } from 'stores/useWalletStore';
-import { notify } from 'components/layout/notifier/Notifier';
+import { useWalletStore } from '../../../stores/useWalletStore';
+import { notify } from '../../layout/notifier/Notifier';
 
 
 function Home() {
diff --git a/frontend/src/components/home/partnership/Partnership.jsx b/frontend/src/components/home/partnership/Partnership.jsx
index 34c6458f..f3b8a065 100644
--- a/frontend/src/components/home/partnership/Partnership.jsx
+++ b/frontend/src/components/home/partnership/Partnership.jsx
@@ -1,8 +1,8 @@
 import React from 'react';
 import './partnership.css';
-import { ReactComponent as ZklendLogo } from 'assets/images/zklend_logo.svg';
-import { ReactComponent as EkuboLogo } from 'assets/images/ekubo_logo.svg';
-import { ReactComponent as Star } from 'assets/particles/star.svg';
+import { ReactComponent as ZklendLogo } from '../../../assets/images/zklend_logo.svg';
+import { ReactComponent as EkuboLogo } from '../../../assets/images/ekubo_logo.svg';
+import { ReactComponent as Star } from '../../../assets/particles/star.svg';
 
 const Partnership = () => {
   const logos = [];
diff --git a/frontend/src/components/layout/congratulations-modal/CongratulationsModal.jsx b/frontend/src/components/layout/congratulations-modal/CongratulationsModal.jsx
index 948b55c9..699d48bc 100644
--- a/frontend/src/components/layout/congratulations-modal/CongratulationsModal.jsx
+++ b/frontend/src/components/layout/congratulations-modal/CongratulationsModal.jsx
@@ -1,6 +1,6 @@
 import React from 'react';
-import './CongratulationsModal.css';
-import doneLogo from '../../assets/icons/done-badge.svg';
+import './congratulationsModal.css';
+import doneLogo from '../../../assets/icons/done-badge.svg';
 import { useNavigate } from 'react-router-dom';
 
 function CongratulationsModal({ message }) {
diff --git a/frontend/src/components/layout/footer/Footer.jsx b/frontend/src/components/layout/footer/Footer.jsx
index fd246031..3b4b5fc2 100644
--- a/frontend/src/components/layout/footer/Footer.jsx
+++ b/frontend/src/components/layout/footer/Footer.jsx
@@ -1,13 +1,13 @@
 import React from 'react';
 import { Link } from 'react-router-dom';
 import { NavLink } from 'react-router-dom';
-import { ReactComponent as TwitterIcon } from 'assets/icons/new-twitter.svg';
-import { ReactComponent as TelegramIcon } from 'assets/icons/telegram.svg';
-import { ReactComponent as GithubIcon } from 'assets/icons/github.svg';
-import { ReactComponent as DashboardIcon } from 'assets/icons/dashboard-icon.svg';
-import { ReactComponent as FormIcon } from 'assets/icons/form-icon.svg';
+import { ReactComponent as TwitterIcon } from '../../../assets/icons/new-twitter.svg';
+import { ReactComponent as TelegramIcon } from '../../../assets/icons/telegram.svg';
+import { ReactComponent as GithubIcon } from '../../../assets/icons/github.svg';
+import { ReactComponent as DashboardIcon } from '../../../assets/icons/dashboard-icon.svg';
+import { ReactComponent as FormIcon } from '../../../assets/icons/form-icon.svg';
 
-import './Footer.css';
+import './footer.css';
 
 function Footer() {
   const socialLinks = [
diff --git a/frontend/src/components/layout/header/Header.jsx b/frontend/src/components/layout/header/Header.jsx
index b3d8877c..f7b0ee63 100644
--- a/frontend/src/components/layout/header/Header.jsx
+++ b/frontend/src/components/layout/header/Header.jsx
@@ -1,13 +1,13 @@
 import React, { useState, useEffect } from 'react';
 import { useLocation } from 'react-router-dom';
 import { NavLink } from 'react-router-dom';
-import { ReactComponent as Logo } from 'assets/icons/spotnet-logo.svg';
+import { ReactComponent as Logo } from '../../../assets/icons/spotnet-logo.svg';
 import WalletSection from '../wallet-section/WalletSection';
 import NavigationLinks from '../navigation-links/NavigationLinks';
-import useLockBodyScroll from 'hooks/useLockBodyScroll';
+import useLockBodyScroll from '../../../hooks/useLockBodyScroll';
 import MobDropdownMenu from '../mob-dropdown-menu/MobDropdownMenu';
-import './Header.css';
-import '../../globals.css';
+import './header.css';
+import '../../../globals.css';
 
 
 function Header({ onConnectWallet, onLogout }) {
diff --git a/frontend/src/components/layout/mob-dropdown-menu/MobDropdownMenu.jsx b/frontend/src/components/layout/mob-dropdown-menu/MobDropdownMenu.jsx
index 922ccba9..40771367 100644
--- a/frontend/src/components/layout/mob-dropdown-menu/MobDropdownMenu.jsx
+++ b/frontend/src/components/layout/mob-dropdown-menu/MobDropdownMenu.jsx
@@ -1,8 +1,8 @@
 import React from 'react';
-import { ReactComponent as ArrowDownIcon } from '../../assets/icons/dropdown-arrow.svg';
-import { ReactComponent as ReloadIcon } from '../../assets/icons/reload.svg';
-import { ReactComponent as OpenBotIcon } from '../../assets/icons/bot.svg';
-import { ReactComponent as TermsIcon } from '../../assets/icons/terms.svg';
+import { ReactComponent as ArrowDownIcon } from '../../../assets/icons/dropdown-arrow.svg';
+import { ReactComponent as ReloadIcon } from '../../../assets/icons/reload.svg';
+import { ReactComponent as OpenBotIcon } from '../../../assets/icons/bot.svg';
+import { ReactComponent as TermsIcon } from '../../../assets/icons/terms.svg';
 import './mobDropdownMenu.css';
 
 const menuItems = [
diff --git a/frontend/src/components/layout/navigation-links/NavigationLinks.jsx b/frontend/src/components/layout/navigation-links/NavigationLinks.jsx
index 8509cd13..a5560f13 100644
--- a/frontend/src/components/layout/navigation-links/NavigationLinks.jsx
+++ b/frontend/src/components/layout/navigation-links/NavigationLinks.jsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import { NavLink } from 'react-router-dom';
-import './layout/header/header.css';
+import '../header/header.css';
 
 const NavigationLinks = ({ onNavClick }) => (
   <div className="nav-items">
diff --git a/frontend/src/components/layout/star-maker/StarMaker.jsx b/frontend/src/components/layout/star-maker/StarMaker.jsx
index e157b5e6..3afc808f 100644
--- a/frontend/src/components/layout/star-maker/StarMaker.jsx
+++ b/frontend/src/components/layout/star-maker/StarMaker.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { ReactComponent as Star } from '../assets/particles/star.svg';
+import { ReactComponent as Star } from '../../../assets/particles/star.svg';
 
 const StarMaker = ({ starData }) =>
   starData.map((star, index) => (
diff --git a/frontend/src/components/layout/wallet-section/WalletSection.jsx b/frontend/src/components/layout/wallet-section/WalletSection.jsx
index 040cc5db..720e6141 100644
--- a/frontend/src/components/layout/wallet-section/WalletSection.jsx
+++ b/frontend/src/components/layout/wallet-section/WalletSection.jsx
@@ -1,6 +1,6 @@
 import React, { useState, useEffect, useRef } from 'react';
-import Button from 'components/ui/button/Button';
-import { useWalletStore } from 'stores/useWalletStore';
+import Button from '../../ui/button/Button';
+import { useWalletStore } from '../../../stores/useWalletStore';
 
 const WalletSection = ({ onConnectWallet, onLogout }) => {
   const { walletId } = useWalletStore();
diff --git a/frontend/src/components/table-of-content/TableOfContents.jsx b/frontend/src/components/table-of-content/TableOfContents.jsx
index 9f3127f7..aeb09802 100644
--- a/frontend/src/components/table-of-content/TableOfContents.jsx
+++ b/frontend/src/components/table-of-content/TableOfContents.jsx
@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from 'react';
-import './TableOfContentStyles.css';
+import './tableOfContentStyles.css';
 
 const TableOfContents = ({ items, defaultActiveId, tabelTitle, headerHeight = 80 }) => {
   const [activeId, setActiveId] = useState(defaultActiveId);
diff --git a/frontend/src/components/ui/Button/Button.jsx b/frontend/src/components/ui/Button/Button.jsx
index 4bb898c5..c358d0d2 100644
--- a/frontend/src/components/ui/Button/Button.jsx
+++ b/frontend/src/components/ui/Button/Button.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import './Button.css';
+import './button.css';
 
 const Button = ({ variant = 'primary', size = 'md', className = '', children, ...props }) => {
   const buttonClasses = ['button', `button--${variant}`, `button--${size}`, className].filter(Boolean).join(' ');
diff --git a/frontend/src/components/ui/card/Card.jsx b/frontend/src/components/ui/card/Card.jsx
index 8c064c72..b0cb4e46 100644
--- a/frontend/src/components/ui/card/Card.jsx
+++ b/frontend/src/components/ui/card/Card.jsx
@@ -1,4 +1,4 @@
-import './Card.css';
+import './card.css';
 
 function Card({ label, icon, value = '', cardData = [] }) {
   return (
diff --git a/frontend/src/components/ui/multiplier-selector/MultiplierSelector.jsx b/frontend/src/components/ui/multiplier-selector/MultiplierSelector.jsx
index d8ee053d..e1742d02 100644
--- a/frontend/src/components/ui/multiplier-selector/MultiplierSelector.jsx
+++ b/frontend/src/components/ui/multiplier-selector/MultiplierSelector.jsx
@@ -1,7 +1,7 @@
 import React, { useMemo, useCallback, useState, useRef, useEffect } from 'react';
-import { useMaxMultiplier } from 'hooks/useMaxMultiplier';
-import sliderThumb from '../assets/icons/slider_thumb.svg';
-import './Multiplier.css';
+import { useMaxMultiplier } from '../../../hooks/useMaxMultiplier';
+import sliderThumb from '../../../assets/icons/slider_thumb.svg';
+import './multiplier.css';
 
 const MultiplierSelector = ({ setSelectedMultiplier, selectedToken }) => {
   const minMultiplier = 1.1;
diff --git a/frontend/src/components/ui/scroll-button/ScrollButton.jsx b/frontend/src/components/ui/scroll-button/ScrollButton.jsx
index dc331f25..d15aa3a9 100644
--- a/frontend/src/components/ui/scroll-button/ScrollButton.jsx
+++ b/frontend/src/components/ui/scroll-button/ScrollButton.jsx
@@ -1,5 +1,5 @@
 import React, { useState, useEffect } from 'react';
-import './ScrollButton.css';
+import './scrollButton.css';
 
 const ScrollButton = () => {
   const [isVisible, setIsVisible] = useState(false);
diff --git a/frontend/src/components/vault/VaultLayout.jsx b/frontend/src/components/vault/VaultLayout.jsx
index ac436855..64567785 100644
--- a/frontend/src/components/vault/VaultLayout.jsx
+++ b/frontend/src/components/vault/VaultLayout.jsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import { NavLink, Outlet } from 'react-router-dom';
-import './VaultLayout.css';
+import './vaultLayout.css';
 
 export function VaultLayout({ children }) {
   return (
diff --git a/frontend/src/components/vault/gas-fee/GasFee.jsx b/frontend/src/components/vault/gas-fee/GasFee.jsx
index 692bc898..49e75451 100644
--- a/frontend/src/components/vault/gas-fee/GasFee.jsx
+++ b/frontend/src/components/vault/gas-fee/GasFee.jsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import { ReactComponent as SettingIcon } from 'assets/icons/settings.svg';
-import './GasFee.css';
+import './gasFee.css';
 
 
 export default function GasFee() {
diff --git a/frontend/src/components/vault/metric-card/MetricCard.jsx b/frontend/src/components/vault/metric-card/MetricCard.jsx
index ae668d2b..8b1f577d 100644
--- a/frontend/src/components/vault/metric-card/MetricCard.jsx
+++ b/frontend/src/components/vault/metric-card/MetricCard.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import './MetricCard.css';
+import './metricCard.css';
 
 export default function MetricCard({ title, value }) {
   return (
diff --git a/frontend/src/components/vault/stake-card/MetricCard.jsx b/frontend/src/components/vault/stake-card/MetricCard.jsx
index 36d299e8..5529cd7f 100644
--- a/frontend/src/components/vault/stake-card/MetricCard.jsx
+++ b/frontend/src/components/vault/stake-card/MetricCard.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import './MetricCard.css';
+import './metricCard.css';
 
 export default function MetricCard({ icon= 1, title, value }) {
   return (
diff --git a/frontend/src/hooks/useConnectWallet.js b/frontend/src/hooks/useConnectWallet.js
index bef1cc5a..32f6f6c5 100644
--- a/frontend/src/hooks/useConnectWallet.js
+++ b/frontend/src/hooks/useConnectWallet.js
@@ -1,6 +1,6 @@
 import { useMutation } from '@tanstack/react-query';
-import { notify } from 'components/layout/notifier/Notifier';
-import { connectWallet, checkForCRMToken } from 'services/wallet';
+import { notify } from '../components/layout/notifier/Notifier';
+import { connectWallet, checkForCRMToken } from '../services/wallet';
 
 export const useConnectWallet = (setWalletId) => {
   return useMutation({
diff --git a/frontend/src/hooks/useMaxMultiplier.js b/frontend/src/hooks/useMaxMultiplier.js
index bb65c758..7a318630 100644
--- a/frontend/src/hooks/useMaxMultiplier.js
+++ b/frontend/src/hooks/useMaxMultiplier.js
@@ -1,7 +1,7 @@
 import { useQuery } from '@tanstack/react-query';
 import { ONE_HOUR_IN_MILLISECONDS } from '../utils/constants';
-import { axiosInstance } from 'utils/axios';
-import { notify } from 'components/layout/notifier/Notifier';
+import { axiosInstance } from '../utils/axios';
+import { notify } from '../components/layout/notifier/Notifier';
 
 export const useMaxMultiplier = () => {
   const { data, isPending } = useQuery({
diff --git a/frontend/src/hooks/useTelegramNotification.js b/frontend/src/hooks/useTelegramNotification.js
index accebe6a..0d76e3a4 100644
--- a/frontend/src/hooks/useTelegramNotification.js
+++ b/frontend/src/hooks/useTelegramNotification.js
@@ -1,6 +1,6 @@
 import { useMutation } from "@tanstack/react-query";
-import { subscribeToNotification, generateTelegramLink } from "services/telegram";
-import { notify } from "components/layout/notifier/Notifier";
+import { subscribeToNotification, generateTelegramLink } from "../services/telegram";
+import { notify } from "../components/layout/notifier/Notifier";
 
 const useTelegramNotification = () => {
     const mutation = useMutation({
diff --git a/frontend/src/pages/Login.jsx b/frontend/src/pages/Login.jsx
index 5a6e8959..baaa1271 100644
--- a/frontend/src/pages/Login.jsx
+++ b/frontend/src/pages/Login.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import Button from 'components/ui/button/Button';
+import Button from '../components/ui/button/Button';
 
 function Login({ onConnectWallet }) {
   return (
diff --git a/frontend/src/pages/dashboard/Dashboard.jsx b/frontend/src/pages/dashboard/Dashboard.jsx
index 56eb9959..f40b0054 100644
--- a/frontend/src/pages/dashboard/Dashboard.jsx
+++ b/frontend/src/pages/dashboard/Dashboard.jsx
@@ -1,22 +1,22 @@
 import React, { useEffect, useState } from 'react';
 import './dashboard.css';
-import { ReactComponent as EthIcon } from 'assets/icons/ethereum.svg';
-import { ReactComponent as StrkIcon } from 'assets/icons/strk.svg';
-import { ReactComponent as UsdIcon } from 'assets/icons/usd_coin.svg';
-import { ReactComponent as BorrowIcon } from 'assets/icons/borrow_dynamic.svg';
-import { ReactComponent as TelegramIcon } from 'assets/icons/telegram_dashboard.svg';
-import Spinner from 'components/ui/spinner/Spinner';
-import useDashboardData from 'hooks/useDashboardData';
-import { useClosePosition, useCheckPosition } from 'hooks/useClosePosition';
-import Button from 'components/ui/button/Button';
-import { useWalletStore } from 'stores/useWalletStore';
-import { ActionModal } from 'components/ui/action-modal';
-import useTelegramNotification from 'hooks/useTelegramNotification';
-import Borrow from 'components/borrow/Borrow';
-import { ReactComponent as CollateralIcon } from 'assets/icons/collateral_dynamic.svg';
-import Collateral from 'components/collateral/Collateral';
-import Card from 'components/ui/card/Card';
-import { ReactComponent as HealthIcon } from 'assets/icons/health.svg';
+import { ReactComponent as EthIcon } from '../../assets/icons/ethereum.svg';
+import { ReactComponent as StrkIcon } from '../../assets/icons/strk.svg';
+import { ReactComponent as UsdIcon } from '../../assets/icons/usd_coin.svg';
+import { ReactComponent as BorrowIcon } from '../../assets/icons/borrow_dynamic.svg';
+import { ReactComponent as TelegramIcon } from '../../assets/icons/telegram_dashboard.svg';
+import Spinner from '../../components/ui/spinner/Spinner';
+import useDashboardData from '../../hooks/useDashboardData';
+import { useClosePosition, useCheckPosition } from '../../hooks/useClosePosition';
+import Button from '../../components/ui/button/Button';
+import { useWalletStore } from '../../stores/useWalletStore';
+import { ActionModal } from '../../components/ui/action-modal';
+import useTelegramNotification from '../../hooks/useTelegramNotification';
+import Borrow from '../../components/dashboard/borrow/Borrow';
+import { ReactComponent as CollateralIcon } from '../../assets/icons/collateral_dynamic.svg';
+import Collateral from '../../components/dashboard/collateral/Collateral';
+import Card from '../../components/ui/card/Card';
+import { ReactComponent as HealthIcon } from '../../assets/icons/health.svg';
 
 export default function Component({ telegramId }) {
   const { walletId } = useWalletStore();
diff --git a/frontend/src/pages/dashboard/YourComponent.js b/frontend/src/pages/dashboard/YourComponent.js
new file mode 100644
index 00000000..0519ecba
--- /dev/null
+++ b/frontend/src/pages/dashboard/YourComponent.js
@@ -0,0 +1 @@
+ 
\ No newline at end of file
diff --git a/frontend/src/pages/dashboard/dashboard.css b/frontend/src/pages/dashboard/dashboard.css
index 5ecd95fa..2aeb0483 100644
--- a/frontend/src/pages/dashboard/dashboard.css
+++ b/frontend/src/pages/dashboard/dashboard.css
@@ -9,7 +9,7 @@ body {
 
 .dashboard-wrapper {
   position: relative;
-  background: url('../../../../public/Form-bg.png') no-repeat;
+  background: url('../../../public/Form-bg.png') no-repeat;
   background-size: cover;
   background-position: center left;
   min-height: 100vh;
@@ -342,7 +342,7 @@ body {
 
 @media (max-width: 550px) {
   .dashboard-wrapper {
-    background: url('../../../../public/dashboardmobile.png') no-repeat;
+    background: url('../../../public/dashboardmobile.png') no-repeat;
     background-size: cover;
     background-position: 50% 40%;
     height: 100%;
diff --git a/frontend/src/pages/documentation/documentation.css b/frontend/src/pages/documentation/documentation.css
index 269f74f5..3c967094 100644
--- a/frontend/src/pages/documentation/documentation.css
+++ b/frontend/src/pages/documentation/documentation.css
@@ -24,7 +24,7 @@
 .main-content {
   margin-left: 370px;
   flex: 1;
-  background: url('../../../../public/background.png') no-repeat;
+  background: url('../../../public/background.png') no-repeat;
   background-size: cover;
   background-position: center 39%;
   position: relative;
diff --git a/frontend/src/pages/form/Form.jsx b/frontend/src/pages/form/Form.jsx
index 3b949b03..64e5cef4 100644
--- a/frontend/src/pages/form/Form.jsx
+++ b/frontend/src/pages/form/Form.jsx
@@ -2,23 +2,23 @@ import React, { useState } from 'react';
 import { ReactComponent as ETH } from '../../assets/icons/ethereum.svg';
 import { ReactComponent as USDC } from '../../assets/icons/borrow_usdc.svg';
 import { ReactComponent as STRK } from '../../assets/icons/strk.svg';
-import TokenSelector from 'components/ui/token-selector/TokenSelector';
-import BalanceCards from 'components/ui/balance-cards/BalanceCards';
-import MultiplierSelector from 'components/ui/multiplier-selector/MultiplierSelector';
-import { handleTransaction } from 'services/transaction';
-import Spinner from 'components/ui/spinner/Spinner';
+import TokenSelector from '../../components/ui/token-selector/TokenSelector';
+import BalanceCards from '../../components/ui/balance-cards/BalanceCards';
+import MultiplierSelector from '../../components/ui/multiplier-selector/MultiplierSelector';
+import { handleTransaction } from '../../services/transaction';
+import Spinner from '../../components/ui/spinner/Spinner';
 import './form.css';
 import { createPortal } from 'react-dom';
-import useLockBodyScroll from 'hooks/useLockBodyScroll';
-import CongratulationsModal from 'components/layout/congratulations-modal/CongratulationsModal';
-import Button from 'components/ui/button/Button';
-import { useWalletStore } from 'stores/useWalletStore';
-import { useConnectWallet } from 'hooks/useConnectWallet';
-import { useCheckPosition } from 'hooks/useClosePosition';
+import useLockBodyScroll from '../../hooks/useLockBodyScroll';
+import CongratulationsModal from '../../components/layout/congratulations-modal/CongratulationsModal';
+import Button from '../../components/ui/button/Button';
+import { useWalletStore } from '../../stores/useWalletStore';
+import { useConnectWallet } from '../../hooks/useConnectWallet';
+import { useCheckPosition } from '../../hooks/useClosePosition';
 import { useNavigate } from 'react-router-dom';
-import { ActionModal } from 'components/ui/action-modal';
-import { useHealthFactor } from 'hooks/useHealthRatio';
-import { notify } from 'components/layout/notifier/Notifier';
+import { ActionModal } from '../../components/ui/action-modal';
+import { useHealthFactor } from '../../hooks/useHealthRatio';
+import { notify } from '../../components/layout/notifier/Notifier';
 
 const Form = () => {
   const navigate = useNavigate();
diff --git a/frontend/src/pages/overview/Overview.jsx b/frontend/src/pages/overview/Overview.jsx
index 64fca221..44a3d4f5 100644
--- a/frontend/src/pages/overview/Overview.jsx
+++ b/frontend/src/pages/overview/Overview.jsx
@@ -1,8 +1,8 @@
 import React, { useEffect } from 'react';
 import './overview.css';
-import TableOfContents from 'components/table-of-content/TableOfContents';
-import ScrollButton from 'components/ui/scroll-button/ScrollButton';
-import Sections from 'components/layout/sections/Sections';
+import TableOfContents from '../../components/table-of-content/TableOfContents';
+import ScrollButton from '../../components/ui/scroll-button/ScrollButton';
+import Sections from '../../components/layout/sections/Sections';
 
 const OverviewPage = () => {
     useEffect(() => {
diff --git a/frontend/src/pages/overview/overview.css b/frontend/src/pages/overview/overview.css
index 10235477..98cc3f41 100644
--- a/frontend/src/pages/overview/overview.css
+++ b/frontend/src/pages/overview/overview.css
@@ -1,5 +1,5 @@
 .overview-container {
-  background: url('../../../../public/background.png') no-repeat;
+  background: url('../../../public/background.png') no-repeat;
   background-size: cover;
   background-position: center 39%;
   min-height: 100vh;
diff --git a/frontend/src/pages/position-history/PositionHistory.jsx b/frontend/src/pages/position-history/PositionHistory.jsx
index e30ed972..3aef7523 100644
--- a/frontend/src/pages/position-history/PositionHistory.jsx
+++ b/frontend/src/pages/position-history/PositionHistory.jsx
@@ -1,15 +1,15 @@
 import React, { useState } from 'react';
 import './positionHistory.css';
-import { ReactComponent as HealthIcon } from 'assets/icons/health.svg';
-import { ReactComponent as EthIcon } from 'assets/icons/ethereum.svg';
-import { ReactComponent as StrkIcon } from 'assets/icons/strk.svg';
-import { ReactComponent as UsdIcon } from 'assets/icons/usd_coin.svg';
-import { usePositionHistoryTable } from 'hooks/usePositionHistory';
-import Spinner from 'components/ui/spinner/Spinner';
-import filterIcon from '../../../assets/icons/filter-horizontal.svg';
-import useDashboardData from 'hooks/useDashboardData';
-import Card from 'components/ui/card/Card';
-import PositionHistoryModal from 'pages/position-history/PositionHistoryModal';
+import { ReactComponent as HealthIcon } from '../../assets/icons/health.svg';
+import { ReactComponent as EthIcon } from '../../assets/icons/ethereum.svg';
+import { ReactComponent as StrkIcon } from '../../assets/icons/strk.svg';
+import { ReactComponent as UsdIcon } from '../../assets/icons/usd_coin.svg';
+import { usePositionHistoryTable } from '../../hooks/usePositionHistory';
+import Spinner from '../../components/ui/spinner/Spinner';
+import filterIcon from '../../assets/icons/filter-horizontal.svg';
+import useDashboardData from '../../hooks/useDashboardData';
+import Card from '../../components/ui/card/Card';
+import PositionHistoryModal from '../../pages/position-history/PositionHistoryModal';
 
 function PositionHistory() {
   const [selectedPosition, setSelectedPosition] = useState(null);
diff --git a/frontend/src/pages/position-history/positionHistory.css b/frontend/src/pages/position-history/positionHistory.css
index 51d62895..7b2c4b97 100644
--- a/frontend/src/pages/position-history/positionHistory.css
+++ b/frontend/src/pages/position-history/positionHistory.css
@@ -1,5 +1,5 @@
 .position-wrapper {
-  background: url('../../../../public/background.png') no-repeat center center;
+  background: url('../../../public/background.png') no-repeat center center;
   background-size: cover;
   min-height: 100vh;
   padding: 1rem;
diff --git a/frontend/src/pages/stake/Stake.jsx b/frontend/src/pages/stake/Stake.jsx
index b3ad0167..77267e1b 100644
--- a/frontend/src/pages/stake/Stake.jsx
+++ b/frontend/src/pages/stake/Stake.jsx
@@ -1,16 +1,16 @@
 import React, { useState } from 'react';
-import { ReactComponent as ETH } from '../../../assets/icons/ethereum.svg';
-import { ReactComponent as USDC } from '../../../assets/icons/borrow_usdc.svg';
-import { ReactComponent as DAI } from '../../../assets/icons/dai.svg';
-import { ReactComponent as STTRK } from '../../../assets/icons/strk.svg';
-import MetricCard from 'components/StakeCard/MetricCard';
-import STRK from '../../../assets/icons/strk.svg';
-import USDCc from '../../../assets/icons/apy_icon.svg';
+import { ReactComponent as ETH } from '../../assets/icons/ethereum.svg';
+import { ReactComponent as USDC } from '../../assets/icons/borrow_usdc.svg';
+import { ReactComponent as DAI } from '../../assets/icons/dai.svg';
+import { ReactComponent as STTRK } from '../../assets/icons/strk.svg';
+import MetricCard from '../../components/vault/stake-card/MetricCard';
+import STRK from '../../assets/icons/strk.svg';
+import USDCc from '../../assets/icons/apy_icon.svg';
 import './stake.css';
 import { VaultLayout } from '../../components/vault/VaultLayout';
-import { Button } from 'components/ui/button';
-import GasFee from 'components/GasFee/GasFee';
-import BalanceCards from 'components/ui/balance-cards/BalanceCards';
+import { Button } from '../../components/ui/button';
+import GasFee from '../../components/vault/gas-fee/GasFee';
+import BalanceCards from '../../components/ui/balance-cards/BalanceCards';
 
 function Stake() {
   const [selectedNetwork, setSelectedNetwork] = useState('Starknet');
diff --git a/frontend/src/pages/stake/stake.css b/frontend/src/pages/stake/stake.css
index c4b0c41b..12c4e573 100644
--- a/frontend/src/pages/stake/stake.css
+++ b/frontend/src/pages/stake/stake.css
@@ -1,5 +1,5 @@
 .stake-wrapper {
-  background: url('../../../../public/background.png') no-repeat;
+  background: url('../../../public/background.png') no-repeat;
   background-size: cover;
   margin-left:200px;
 }
diff --git a/frontend/src/pages/withdraw/Withdraw.jsx b/frontend/src/pages/withdraw/Withdraw.jsx
index 2a38c556..e8504246 100644
--- a/frontend/src/pages/withdraw/Withdraw.jsx
+++ b/frontend/src/pages/withdraw/Withdraw.jsx
@@ -1,9 +1,9 @@
 import React from 'react';
 import './withdraw.css';
-import { ReactComponent as DiamondIcon } from 'assets/icons/diamond.svg';
-import { ReactComponent as TimeIcon } from 'assets/icons/time.svg';
-import { ReactComponent as SettingIcon } from 'assets/icons/settings.svg';
-import MetricCard from 'components/MetricCard/MetricCard';
+import { ReactComponent as DiamondIcon } from '../../assets/icons/diamond.svg';
+import { ReactComponent as TimeIcon } from '../../assets/icons/time.svg';
+import { ReactComponent as SettingIcon } from '../../assets/icons/settings.svg';
+import MetricCard from '../../components/vault/metric-card/MetricCard';
 import { VaultLayout } from '../../components/vault/VaultLayout';
 
 export default function Withdraw() {
diff --git a/frontend/src/pages/withdraw/withdraw.css b/frontend/src/pages/withdraw/withdraw.css
index 6be9eafe..5503e589 100644
--- a/frontend/src/pages/withdraw/withdraw.css
+++ b/frontend/src/pages/withdraw/withdraw.css
@@ -7,7 +7,7 @@ body {
     sans-serif;
 }
 .withdraw-wrapper {
-  background: url('../../../../public/background.png') no-repeat;
+  background: url('../../../public/background.png') no-repeat;
   background-size: cover;
   background-position: center 39%;
   min-height: 100vh;

From a00774e337737032ef73de63140a8111eb2f3dca Mon Sep 17 00:00:00 2001
From: system625 <tunde-ajayi.olaoluwasijibomi@lmu.edu.ng>
Date: Fri, 20 Dec 2024 10:39:28 +0100
Subject: [PATCH 06/36] Progress

---
 .../vault/stake-card/{MetricCard.jsx => StakeCard.jsx}        | 4 ++--
 .../vault/stake-card/{MetricCard.css => stakeCard.css}        | 0
 2 files changed, 2 insertions(+), 2 deletions(-)
 rename frontend/src/components/vault/stake-card/{MetricCard.jsx => StakeCard.jsx} (78%)
 rename frontend/src/components/vault/stake-card/{MetricCard.css => stakeCard.css} (100%)

diff --git a/frontend/src/components/vault/stake-card/MetricCard.jsx b/frontend/src/components/vault/stake-card/StakeCard.jsx
similarity index 78%
rename from frontend/src/components/vault/stake-card/MetricCard.jsx
rename to frontend/src/components/vault/stake-card/StakeCard.jsx
index 5529cd7f..2c635aaa 100644
--- a/frontend/src/components/vault/stake-card/MetricCard.jsx
+++ b/frontend/src/components/vault/stake-card/StakeCard.jsx
@@ -1,7 +1,7 @@
 import React from 'react';
-import './metricCard.css';
+import './stakeCard.css';
 
-export default function MetricCard({ icon= 1, title, value }) {
+export default function StakeCard({ icon= 1, title, value }) {
   return (
     <div className="stake-card">
       <div className="card-header">
diff --git a/frontend/src/components/vault/stake-card/MetricCard.css b/frontend/src/components/vault/stake-card/stakeCard.css
similarity index 100%
rename from frontend/src/components/vault/stake-card/MetricCard.css
rename to frontend/src/components/vault/stake-card/stakeCard.css

From 8d7084adfa8181cb381fc2e6604f236322170dcd Mon Sep 17 00:00:00 2001
From: system625 <tunde-ajayi.olaoluwasijibomi@lmu.edu.ng>
Date: Fri, 20 Dec 2024 10:47:13 +0100
Subject: [PATCH 07/36] Progress

---
 frontend/src/pages/Login.jsx | 15 ---------------
 1 file changed, 15 deletions(-)
 delete mode 100644 frontend/src/pages/Login.jsx

diff --git a/frontend/src/pages/Login.jsx b/frontend/src/pages/Login.jsx
deleted file mode 100644
index baaa1271..00000000
--- a/frontend/src/pages/Login.jsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import React from 'react';
-import Button from '../components/ui/button/Button';
-
-function Login({ onConnectWallet }) {
-  return (
-    <div className="form-container">
-      <h2>Connect Your Wallet</h2>
-      <Button variant="primary" size="md" onClick={onConnectWallet}>
-        <span>Connect Wallet</span>
-      </Button>
-    </div>
-  );
-}
-
-export default Login;

From bddee7d43f3c556aa4c548cf1a2227f369595494 Mon Sep 17 00:00:00 2001
From: system625 <tunde-ajayi.olaoluwasijibomi@lmu.edu.ng>
Date: Fri, 20 Dec 2024 10:52:05 +0100
Subject: [PATCH 08/36] Progress

---
 frontend/src/App.jsx | 5 -----
 1 file changed, 5 deletions(-)

diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
index 914e7e2c..a649046c 100644
--- a/frontend/src/App.jsx
+++ b/frontend/src/App.jsx
@@ -5,7 +5,6 @@ import Header from './components/layout/header/Header';
 import Dashboard from './pages/dashboard/Dashboard';
 import Footer from './components/layout/footer/Footer';
 import SpotnetApp from './pages/spotnet-app/SpotnetApp';
-import Login from './pages/Login';
 import Form from './pages/form/Form';
 import { createPortal } from 'react-dom';
 import { logout } from './services/wallet';
@@ -98,10 +97,6 @@ function App() {
       <main>
         <Routes>
           <Route index element={<SpotnetApp onConnectWallet={handleConnectWallet} onLogout={handleLogout} />} />
-          <Route
-            path="/login"
-            element={walletId ? <Navigate to="/" /> : <Login onConnectWallet={handleConnectWallet} />}
-          />
           <Route path="/dashboard" element={<Dashboard telegramId={window?.Telegram?.WebApp?.initData?.user?.id} />} />
           <Route path="/withdraw" element={<Withdraw />} />
           <Route path="/overview" element={<OverviewPage />} />

From 70ce8bf536752bed72a70a85aca7ec9609b9c658 Mon Sep 17 00:00:00 2001
From: system625 <tunde-ajayi.olaoluwasijibomi@lmu.edu.ng>
Date: Fri, 20 Dec 2024 10:59:08 +0100
Subject: [PATCH 09/36] Progress

---
 frontend/src/pages/dashboard/Dashboard.jsx | 2 +-
 frontend/src/pages/form/Form.jsx           | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/pages/dashboard/Dashboard.jsx b/frontend/src/pages/dashboard/Dashboard.jsx
index f40b0054..66ae4a95 100644
--- a/frontend/src/pages/dashboard/Dashboard.jsx
+++ b/frontend/src/pages/dashboard/Dashboard.jsx
@@ -8,7 +8,7 @@ import { ReactComponent as TelegramIcon } from '../../assets/icons/telegram_dash
 import Spinner from '../../components/ui/spinner/Spinner';
 import useDashboardData from '../../hooks/useDashboardData';
 import { useClosePosition, useCheckPosition } from '../../hooks/useClosePosition';
-import Button from '../../components/ui/button/Button';
+import { Button } from '../../components/ui/button/Button';
 import { useWalletStore } from '../../stores/useWalletStore';
 import { ActionModal } from '../../components/ui/action-modal';
 import useTelegramNotification from '../../hooks/useTelegramNotification';
diff --git a/frontend/src/pages/form/Form.jsx b/frontend/src/pages/form/Form.jsx
index 64e5cef4..50d97142 100644
--- a/frontend/src/pages/form/Form.jsx
+++ b/frontend/src/pages/form/Form.jsx
@@ -11,7 +11,7 @@ import './form.css';
 import { createPortal } from 'react-dom';
 import useLockBodyScroll from '../../hooks/useLockBodyScroll';
 import CongratulationsModal from '../../components/layout/congratulations-modal/CongratulationsModal';
-import Button from '../../components/ui/button/Button';
+import { Button } from '../../components/ui/button/Button';
 import { useWalletStore } from '../../stores/useWalletStore';
 import { useConnectWallet } from '../../hooks/useConnectWallet';
 import { useCheckPosition } from '../../hooks/useClosePosition';

From 6a9e6d8e5e4b3787153e1cd176b2448c51a6ab74 Mon Sep 17 00:00:00 2001
From: system625 <tunde-ajayi.olaoluwasijibomi@lmu.edu.ng>
Date: Fri, 20 Dec 2024 11:04:49 +0100
Subject: [PATCH 10/36] progress

---
 frontend/src/pages/dashboard/Dashboard.jsx | 2 +-
 frontend/src/pages/form/Form.jsx           | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/pages/dashboard/Dashboard.jsx b/frontend/src/pages/dashboard/Dashboard.jsx
index 66ae4a95..6cd908b5 100644
--- a/frontend/src/pages/dashboard/Dashboard.jsx
+++ b/frontend/src/pages/dashboard/Dashboard.jsx
@@ -8,7 +8,7 @@ import { ReactComponent as TelegramIcon } from '../../assets/icons/telegram_dash
 import Spinner from '../../components/ui/spinner/Spinner';
 import useDashboardData from '../../hooks/useDashboardData';
 import { useClosePosition, useCheckPosition } from '../../hooks/useClosePosition';
-import { Button } from '../../components/ui/button/Button';
+import { Button } from 'components/ui/button';
 import { useWalletStore } from '../../stores/useWalletStore';
 import { ActionModal } from '../../components/ui/action-modal';
 import useTelegramNotification from '../../hooks/useTelegramNotification';
diff --git a/frontend/src/pages/form/Form.jsx b/frontend/src/pages/form/Form.jsx
index 50d97142..554918a3 100644
--- a/frontend/src/pages/form/Form.jsx
+++ b/frontend/src/pages/form/Form.jsx
@@ -11,7 +11,7 @@ import './form.css';
 import { createPortal } from 'react-dom';
 import useLockBodyScroll from '../../hooks/useLockBodyScroll';
 import CongratulationsModal from '../../components/layout/congratulations-modal/CongratulationsModal';
-import { Button } from '../../components/ui/button/Button';
+import { Button } from 'components/ui/button';
 import { useWalletStore } from '../../stores/useWalletStore';
 import { useConnectWallet } from '../../hooks/useConnectWallet';
 import { useCheckPosition } from '../../hooks/useClosePosition';

From 2006ddc461010ab2ea2f888cd647b29bbc5bb9ec Mon Sep 17 00:00:00 2001
From: system625 <tunde-ajayi.olaoluwasijibomi@lmu.edu.ng>
Date: Fri, 20 Dec 2024 11:11:51 +0100
Subject: [PATCH 11/36] Progress

---
 .../src/components/layout/wallet-section/WalletSection.jsx    | 2 +-
 frontend/src/pages/stake/Stake.jsx                            | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/layout/wallet-section/WalletSection.jsx b/frontend/src/components/layout/wallet-section/WalletSection.jsx
index 720e6141..3dae8a19 100644
--- a/frontend/src/components/layout/wallet-section/WalletSection.jsx
+++ b/frontend/src/components/layout/wallet-section/WalletSection.jsx
@@ -1,5 +1,5 @@
 import React, { useState, useEffect, useRef } from 'react';
-import Button from '../../ui/button/Button';
+import { Button } from 'components/ui/button';
 import { useWalletStore } from '../../../stores/useWalletStore';
 
 const WalletSection = ({ onConnectWallet, onLogout }) => {
diff --git a/frontend/src/pages/stake/Stake.jsx b/frontend/src/pages/stake/Stake.jsx
index 77267e1b..943a14b6 100644
--- a/frontend/src/pages/stake/Stake.jsx
+++ b/frontend/src/pages/stake/Stake.jsx
@@ -3,12 +3,12 @@ import { ReactComponent as ETH } from '../../assets/icons/ethereum.svg';
 import { ReactComponent as USDC } from '../../assets/icons/borrow_usdc.svg';
 import { ReactComponent as DAI } from '../../assets/icons/dai.svg';
 import { ReactComponent as STTRK } from '../../assets/icons/strk.svg';
-import MetricCard from '../../components/vault/stake-card/MetricCard';
+import MetricCard from '../../components/vault/stake-card/StakeCard';
 import STRK from '../../assets/icons/strk.svg';
 import USDCc from '../../assets/icons/apy_icon.svg';
 import './stake.css';
 import { VaultLayout } from '../../components/vault/VaultLayout';
-import { Button } from '../../components/ui/button';
+import { Button } from 'components/ui/button';
 import GasFee from '../../components/vault/gas-fee/GasFee';
 import BalanceCards from '../../components/ui/balance-cards/BalanceCards';
 

From c01be25608c83a6e6bbeae892c7610a8f9a4f73e Mon Sep 17 00:00:00 2001
From: system625 <tunde-ajayi.olaoluwasijibomi@lmu.edu.ng>
Date: Fri, 20 Dec 2024 11:17:54 +0100
Subject: [PATCH 12/36] Progress

---
 frontend/src/pages/dashboard/Dashboard.jsx | 2 +-
 frontend/src/pages/form/Form.jsx           | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/pages/dashboard/Dashboard.jsx b/frontend/src/pages/dashboard/Dashboard.jsx
index 6cd908b5..66ae4a95 100644
--- a/frontend/src/pages/dashboard/Dashboard.jsx
+++ b/frontend/src/pages/dashboard/Dashboard.jsx
@@ -8,7 +8,7 @@ import { ReactComponent as TelegramIcon } from '../../assets/icons/telegram_dash
 import Spinner from '../../components/ui/spinner/Spinner';
 import useDashboardData from '../../hooks/useDashboardData';
 import { useClosePosition, useCheckPosition } from '../../hooks/useClosePosition';
-import { Button } from 'components/ui/button';
+import { Button } from '../../components/ui/button/Button';
 import { useWalletStore } from '../../stores/useWalletStore';
 import { ActionModal } from '../../components/ui/action-modal';
 import useTelegramNotification from '../../hooks/useTelegramNotification';
diff --git a/frontend/src/pages/form/Form.jsx b/frontend/src/pages/form/Form.jsx
index 554918a3..50d97142 100644
--- a/frontend/src/pages/form/Form.jsx
+++ b/frontend/src/pages/form/Form.jsx
@@ -11,7 +11,7 @@ import './form.css';
 import { createPortal } from 'react-dom';
 import useLockBodyScroll from '../../hooks/useLockBodyScroll';
 import CongratulationsModal from '../../components/layout/congratulations-modal/CongratulationsModal';
-import { Button } from 'components/ui/button';
+import { Button } from '../../components/ui/button/Button';
 import { useWalletStore } from '../../stores/useWalletStore';
 import { useConnectWallet } from '../../hooks/useConnectWallet';
 import { useCheckPosition } from '../../hooks/useClosePosition';

From d1ad6dbdba705e6604e7553e137c9bc4057af41a Mon Sep 17 00:00:00 2001
From: system625 <tunde-ajayi.olaoluwasijibomi@lmu.edu.ng>
Date: Fri, 20 Dec 2024 11:24:55 +0100
Subject: [PATCH 13/36] Progress

---
 frontend/src/pages/dashboard/Dashboard.jsx | 2 +-
 frontend/src/pages/form/Form.jsx           | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/pages/dashboard/Dashboard.jsx b/frontend/src/pages/dashboard/Dashboard.jsx
index 66ae4a95..f40b0054 100644
--- a/frontend/src/pages/dashboard/Dashboard.jsx
+++ b/frontend/src/pages/dashboard/Dashboard.jsx
@@ -8,7 +8,7 @@ import { ReactComponent as TelegramIcon } from '../../assets/icons/telegram_dash
 import Spinner from '../../components/ui/spinner/Spinner';
 import useDashboardData from '../../hooks/useDashboardData';
 import { useClosePosition, useCheckPosition } from '../../hooks/useClosePosition';
-import { Button } from '../../components/ui/button/Button';
+import Button from '../../components/ui/button/Button';
 import { useWalletStore } from '../../stores/useWalletStore';
 import { ActionModal } from '../../components/ui/action-modal';
 import useTelegramNotification from '../../hooks/useTelegramNotification';
diff --git a/frontend/src/pages/form/Form.jsx b/frontend/src/pages/form/Form.jsx
index 50d97142..64e5cef4 100644
--- a/frontend/src/pages/form/Form.jsx
+++ b/frontend/src/pages/form/Form.jsx
@@ -11,7 +11,7 @@ import './form.css';
 import { createPortal } from 'react-dom';
 import useLockBodyScroll from '../../hooks/useLockBodyScroll';
 import CongratulationsModal from '../../components/layout/congratulations-modal/CongratulationsModal';
-import { Button } from '../../components/ui/button/Button';
+import Button from '../../components/ui/button/Button';
 import { useWalletStore } from '../../stores/useWalletStore';
 import { useConnectWallet } from '../../hooks/useConnectWallet';
 import { useCheckPosition } from '../../hooks/useClosePosition';

From 652fe602fa68ff47dd68e092c79b61ac452067a6 Mon Sep 17 00:00:00 2001
From: system625 <tunde-ajayi.olaoluwasijibomi@lmu.edu.ng>
Date: Fri, 20 Dec 2024 11:29:20 +0100
Subject: [PATCH 14/36] Progress

---
 frontend/src/pages/dashboard/Dashboard.jsx | 2 +-
 frontend/src/pages/form/Form.jsx           | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/pages/dashboard/Dashboard.jsx b/frontend/src/pages/dashboard/Dashboard.jsx
index f40b0054..65aba60c 100644
--- a/frontend/src/pages/dashboard/Dashboard.jsx
+++ b/frontend/src/pages/dashboard/Dashboard.jsx
@@ -8,7 +8,7 @@ import { ReactComponent as TelegramIcon } from '../../assets/icons/telegram_dash
 import Spinner from '../../components/ui/spinner/Spinner';
 import useDashboardData from '../../hooks/useDashboardData';
 import { useClosePosition, useCheckPosition } from '../../hooks/useClosePosition';
-import Button from '../../components/ui/button/Button';
+import Button from 'components/ui/button/Button';
 import { useWalletStore } from '../../stores/useWalletStore';
 import { ActionModal } from '../../components/ui/action-modal';
 import useTelegramNotification from '../../hooks/useTelegramNotification';
diff --git a/frontend/src/pages/form/Form.jsx b/frontend/src/pages/form/Form.jsx
index 64e5cef4..8f1872ba 100644
--- a/frontend/src/pages/form/Form.jsx
+++ b/frontend/src/pages/form/Form.jsx
@@ -11,7 +11,7 @@ import './form.css';
 import { createPortal } from 'react-dom';
 import useLockBodyScroll from '../../hooks/useLockBodyScroll';
 import CongratulationsModal from '../../components/layout/congratulations-modal/CongratulationsModal';
-import Button from '../../components/ui/button/Button';
+import Button from 'components/ui/button/Button';
 import { useWalletStore } from '../../stores/useWalletStore';
 import { useConnectWallet } from '../../hooks/useConnectWallet';
 import { useCheckPosition } from '../../hooks/useClosePosition';

From eefbe23457f0b24e00b3e80b6d66b2d19d39fb61 Mon Sep 17 00:00:00 2001
From: system625 <tunde-ajayi.olaoluwasijibomi@lmu.edu.ng>
Date: Fri, 20 Dec 2024 12:07:34 +0100
Subject: [PATCH 15/36] Progress

---
 frontend/package.json |    1 +
 frontend/src/App.jsx  |    4 +-
 yarn.lock             | 2500 +++++++++++++++++++++++++++++++++++++++++
 3 files changed, 2503 insertions(+), 2 deletions(-)
 create mode 100644 yarn.lock

diff --git a/frontend/package.json b/frontend/package.json
index 82b0d1f7..6e5a576e 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -44,6 +44,7 @@
   },
   "devDependencies": {
     "@babel/preset-env": "^7.26.0",
+    "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
     "@tanstack/eslint-plugin-query": "^5.60.1",
     "@testing-library/jest-dom": "^6.6.2",
     "@types/jest": "^29.5.14",
diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
index a649046c..5695a6cb 100644
--- a/frontend/src/App.jsx
+++ b/frontend/src/App.jsx
@@ -1,5 +1,5 @@
 import React, { useState, useEffect } from 'react';
-import { Routes, Route, Navigate, useNavigate } from 'react-router-dom';
+import { Routes, Route, useNavigate } from 'react-router-dom';
 import './globals.css';
 import Header from './components/layout/header/Header';
 import Dashboard from './pages/dashboard/Dashboard';
@@ -23,7 +23,7 @@ import PositionHistory from './pages/position-history/PositionHistory';
 
 
 function App() {
-  const { walletId, setWalletId, removeWalletId } = useWalletStore();
+  const { setWalletId, removeWalletId } = useWalletStore();
   const [showModal, setShowModal] = useState(false);
   const navigate = useNavigate();
   const [isMobileRestrictionModalOpen, setisMobileRestrictionModalOpen] = useState(true);
diff --git a/yarn.lock b/yarn.lock
new file mode 100644
index 00000000..ef65baae
--- /dev/null
+++ b/yarn.lock
@@ -0,0 +1,2500 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+
+"@ethersproject/abstract-provider@^5.7.0":
+  version "5.7.0"
+  resolved "https://registry.yarnpkg.com/@ethersproject/abstract-provider/-/abstract-provider-5.7.0.tgz#b0a8550f88b6bf9d51f90e4795d48294630cb9ef"
+  integrity sha512-R41c9UkchKCpAqStMYUpdunjo3pkEvZC3FAwZn5S5MGbXoMQOHIdHItezTETxAO5bevtMApSyEhn9+CHcDsWBw==
+  dependencies:
+    "@ethersproject/bignumber" "^5.7.0"
+    "@ethersproject/bytes" "^5.7.0"
+    "@ethersproject/logger" "^5.7.0"
+    "@ethersproject/networks" "^5.7.0"
+    "@ethersproject/properties" "^5.7.0"
+    "@ethersproject/transactions" "^5.7.0"
+    "@ethersproject/web" "^5.7.0"
+
+"@ethersproject/abstract-signer@^5.7.0":
+  version "5.7.0"
+  resolved "https://registry.yarnpkg.com/@ethersproject/abstract-signer/-/abstract-signer-5.7.0.tgz#13f4f32117868452191a4649723cb086d2b596b2"
+  integrity sha512-a16V8bq1/Cz+TGCkE2OPMTOUDLS3grCpdjoJCYNnVBbdYEMSgKrU0+B90s8b6H+ByYTBZN7a3g76jdIJi7UfKQ==
+  dependencies:
+    "@ethersproject/abstract-provider" "^5.7.0"
+    "@ethersproject/bignumber" "^5.7.0"
+    "@ethersproject/bytes" "^5.7.0"
+    "@ethersproject/logger" "^5.7.0"
+    "@ethersproject/properties" "^5.7.0"
+
+"@ethersproject/address@^5.7.0":
+  version "5.7.0"
+  resolved "https://registry.yarnpkg.com/@ethersproject/address/-/address-5.7.0.tgz#19b56c4d74a3b0a46bfdbb6cfcc0a153fc697f37"
+  integrity sha512-9wYhYt7aghVGo758POM5nqcOMaE168Q6aRLJZwUmiqSrAungkG74gSSeKEIR7ukixesdRZGPgVqme6vmxs1fkA==
+  dependencies:
+    "@ethersproject/bignumber" "^5.7.0"
+    "@ethersproject/bytes" "^5.7.0"
+    "@ethersproject/keccak256" "^5.7.0"
+    "@ethersproject/logger" "^5.7.0"
+    "@ethersproject/rlp" "^5.7.0"
+
+"@ethersproject/base64@^5.7.0":
+  version "5.7.0"
+  resolved "https://registry.yarnpkg.com/@ethersproject/base64/-/base64-5.7.0.tgz#ac4ee92aa36c1628173e221d0d01f53692059e1c"
+  integrity sha512-Dr8tcHt2mEbsZr/mwTPIQAf3Ai0Bks/7gTw9dSqk1mQvhW3XvRlmDJr/4n+wg1JmCl16NZue17CDh8xb/vZ0sQ==
+  dependencies:
+    "@ethersproject/bytes" "^5.7.0"
+
+"@ethersproject/bignumber@^5.7.0":
+  version "5.7.0"
+  resolved "https://registry.yarnpkg.com/@ethersproject/bignumber/-/bignumber-5.7.0.tgz#e2f03837f268ba655ffba03a57853e18a18dc9c2"
+  integrity sha512-n1CAdIHRWjSucQO3MC1zPSVgV/6dy/fjL9pMrPP9peL+QxEg9wOsVqwD4+818B6LUEtaXzVHQiuivzRoxPxUGw==
+  dependencies:
+    "@ethersproject/bytes" "^5.7.0"
+    "@ethersproject/logger" "^5.7.0"
+    bn.js "^5.2.1"
+
+"@ethersproject/bytes@^5.7.0":
+  version "5.7.0"
+  resolved "https://registry.yarnpkg.com/@ethersproject/bytes/-/bytes-5.7.0.tgz#a00f6ea8d7e7534d6d87f47188af1148d71f155d"
+  integrity sha512-nsbxwgFXWh9NyYWo+U8atvmMsSdKJprTcICAkvbBffT75qDocbuggBU0SJiVK2MuTrp0q+xvLkTnGMPK1+uA9A==
+  dependencies:
+    "@ethersproject/logger" "^5.7.0"
+
+"@ethersproject/constants@^5.7.0":
+  version "5.7.0"
+  resolved "https://registry.yarnpkg.com/@ethersproject/constants/-/constants-5.7.0.tgz#df80a9705a7e08984161f09014ea012d1c75295e"
+  integrity sha512-DHI+y5dBNvkpYUMiRQyxRBYBefZkJfo70VUkUAsRjcPs47muV9evftfZ0PJVCXYbAiCgght0DtcF9srFQmIgWA==
+  dependencies:
+    "@ethersproject/bignumber" "^5.7.0"
+
+"@ethersproject/hash@5.7.0":
+  version "5.7.0"
+  resolved "https://registry.yarnpkg.com/@ethersproject/hash/-/hash-5.7.0.tgz#eb7aca84a588508369562e16e514b539ba5240a7"
+  integrity sha512-qX5WrQfnah1EFnO5zJv1v46a8HW0+E5xuBBDTwMFZLuVTx0tbU2kkx15NqdjxecrLGatQN9FGQKpb1FKdHCt+g==
+  dependencies:
+    "@ethersproject/abstract-signer" "^5.7.0"
+    "@ethersproject/address" "^5.7.0"
+    "@ethersproject/base64" "^5.7.0"
+    "@ethersproject/bignumber" "^5.7.0"
+    "@ethersproject/bytes" "^5.7.0"
+    "@ethersproject/keccak256" "^5.7.0"
+    "@ethersproject/logger" "^5.7.0"
+    "@ethersproject/properties" "^5.7.0"
+    "@ethersproject/strings" "^5.7.0"
+
+"@ethersproject/keccak256@^5.7.0":
+  version "5.7.0"
+  resolved "https://registry.yarnpkg.com/@ethersproject/keccak256/-/keccak256-5.7.0.tgz#3186350c6e1cd6aba7940384ec7d6d9db01f335a"
+  integrity sha512-2UcPboeL/iW+pSg6vZ6ydF8tCnv3Iu/8tUmLLzWWGzxWKFFqOBQFLo6uLUv6BDrLgCDfN28RJ/wtByx+jZ4KBg==
+  dependencies:
+    "@ethersproject/bytes" "^5.7.0"
+    js-sha3 "0.8.0"
+
+"@ethersproject/logger@^5.7.0":
+  version "5.7.0"
+  resolved "https://registry.yarnpkg.com/@ethersproject/logger/-/logger-5.7.0.tgz#6ce9ae168e74fecf287be17062b590852c311892"
+  integrity sha512-0odtFdXu/XHtjQXJYA3u9G0G8btm0ND5Cu8M7i5vhEcE8/HmF4Lbdqanwyv4uQTr2tx6b7fQRmgLrsnpQlmnig==
+
+"@ethersproject/networks@^5.7.0":
+  version "5.7.1"
+  resolved "https://registry.yarnpkg.com/@ethersproject/networks/-/networks-5.7.1.tgz#118e1a981d757d45ccea6bb58d9fd3d9db14ead6"
+  integrity sha512-n/MufjFYv3yFcUyfhnXotyDlNdFb7onmkSy8aQERi2PjNcnWQ66xXxa3XlS8nCcA8aJKJjIIMNJTC7tu80GwpQ==
+  dependencies:
+    "@ethersproject/logger" "^5.7.0"
+
+"@ethersproject/properties@^5.7.0":
+  version "5.7.0"
+  resolved "https://registry.yarnpkg.com/@ethersproject/properties/-/properties-5.7.0.tgz#a6e12cb0439b878aaf470f1902a176033067ed30"
+  integrity sha512-J87jy8suntrAkIZtecpxEPxY//szqr1mlBaYlQ0r4RCaiD2hjheqF9s1LVE8vVuJCXisjIP+JgtK/Do54ej4Sw==
+  dependencies:
+    "@ethersproject/logger" "^5.7.0"
+
+"@ethersproject/rlp@^5.7.0":
+  version "5.7.0"
+  resolved "https://registry.yarnpkg.com/@ethersproject/rlp/-/rlp-5.7.0.tgz#de39e4d5918b9d74d46de93af80b7685a9c21304"
+  integrity sha512-rBxzX2vK8mVF7b0Tol44t5Tb8gomOHkj5guL+HhzQ1yBh/ydjGnpw6at+X6Iw0Kp3OzzzkcKp8N9r0W4kYSs9w==
+  dependencies:
+    "@ethersproject/bytes" "^5.7.0"
+    "@ethersproject/logger" "^5.7.0"
+
+"@ethersproject/signing-key@^5.7.0":
+  version "5.7.0"
+  resolved "https://registry.yarnpkg.com/@ethersproject/signing-key/-/signing-key-5.7.0.tgz#06b2df39411b00bc57c7c09b01d1e41cf1b16ab3"
+  integrity sha512-MZdy2nL3wO0u7gkB4nA/pEf8lu1TlFswPNmy8AiYkfKTdO6eXBJyUdmHO/ehm/htHw9K/qF8ujnTyUAD+Ry54Q==
+  dependencies:
+    "@ethersproject/bytes" "^5.7.0"
+    "@ethersproject/logger" "^5.7.0"
+    "@ethersproject/properties" "^5.7.0"
+    bn.js "^5.2.1"
+    elliptic "6.5.4"
+    hash.js "1.1.7"
+
+"@ethersproject/strings@^5.7.0":
+  version "5.7.0"
+  resolved "https://registry.yarnpkg.com/@ethersproject/strings/-/strings-5.7.0.tgz#54c9d2a7c57ae8f1205c88a9d3a56471e14d5ed2"
+  integrity sha512-/9nu+lj0YswRNSH0NXYqrh8775XNyEdUQAuf3f+SmOrnVewcJ5SBNAjF7lpgehKi4abvNNXyf+HX86czCdJ8Mg==
+  dependencies:
+    "@ethersproject/bytes" "^5.7.0"
+    "@ethersproject/constants" "^5.7.0"
+    "@ethersproject/logger" "^5.7.0"
+
+"@ethersproject/transactions@5.7.0", "@ethersproject/transactions@^5.7.0":
+  version "5.7.0"
+  resolved "https://registry.yarnpkg.com/@ethersproject/transactions/-/transactions-5.7.0.tgz#91318fc24063e057885a6af13fdb703e1f993d3b"
+  integrity sha512-kmcNicCp1lp8qanMTC3RIikGgoJ80ztTyvtsFvCYpSCfkjhD0jZ2LOrnbcuxuToLIUYYf+4XwD1rP+B/erDIhQ==
+  dependencies:
+    "@ethersproject/address" "^5.7.0"
+    "@ethersproject/bignumber" "^5.7.0"
+    "@ethersproject/bytes" "^5.7.0"
+    "@ethersproject/constants" "^5.7.0"
+    "@ethersproject/keccak256" "^5.7.0"
+    "@ethersproject/logger" "^5.7.0"
+    "@ethersproject/properties" "^5.7.0"
+    "@ethersproject/rlp" "^5.7.0"
+    "@ethersproject/signing-key" "^5.7.0"
+
+"@ethersproject/web@^5.7.0":
+  version "5.7.1"
+  resolved "https://registry.yarnpkg.com/@ethersproject/web/-/web-5.7.1.tgz#de1f285b373149bee5928f4eb7bcb87ee5fbb4ae"
+  integrity sha512-Gueu8lSvyjBWL4cYsWsjh6MtMwM0+H4HvqFPZfB6dV8ctbP9zFAO73VG1cMWae0FLPCtz0peKPpZY8/ugJJX2w==
+  dependencies:
+    "@ethersproject/base64" "^5.7.0"
+    "@ethersproject/bytes" "^5.7.0"
+    "@ethersproject/logger" "^5.7.0"
+    "@ethersproject/properties" "^5.7.0"
+    "@ethersproject/strings" "^5.7.0"
+
+"@module-federation/runtime@^0.1.2":
+  version "0.1.21"
+  resolved "https://registry.yarnpkg.com/@module-federation/runtime/-/runtime-0.1.21.tgz#1d233b29dd136488f2ba682017b53f13e015788a"
+  integrity sha512-/p4BhZ0SnjJuiL0wwu+FebFgIUJ9vM+oCY7CyprUHImyi/Y23ulI61WNWMVrKQGgdMoXQDQCL8RH4EnrVP2ZFw==
+  dependencies:
+    "@module-federation/sdk" "0.1.21"
+
+"@module-federation/sdk@0.1.21":
+  version "0.1.21"
+  resolved "https://registry.yarnpkg.com/@module-federation/sdk/-/sdk-0.1.21.tgz#adb15c38ddfea65f45bd989a94c3a575c8df6991"
+  integrity sha512-r7xPiAm+O4e+8Zvw+8b4ToeD0D0VJD004nHmt+Y8r/l98J2eA6di72Vn1FeyjtQbCrFtiMw3ts/dlqtcmIBipw==
+
+"@parcel/watcher-android-arm64@2.5.0":
+  version "2.5.0"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.5.0.tgz#e32d3dda6647791ee930556aee206fcd5ea0fb7a"
+  integrity sha512-qlX4eS28bUcQCdribHkg/herLe+0A9RyYC+mm2PXpncit8z5b3nSqGVzMNR3CmtAOgRutiZ02eIJJgP/b1iEFQ==
+
+"@parcel/watcher-darwin-arm64@2.5.0":
+  version "2.5.0"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.5.0.tgz#0d9e680b7e9ec1c8f54944f1b945aa8755afb12f"
+  integrity sha512-hyZ3TANnzGfLpRA2s/4U1kbw2ZI4qGxaRJbBH2DCSREFfubMswheh8TeiC1sGZ3z2jUf3s37P0BBlrD3sjVTUw==
+
+"@parcel/watcher-darwin-x64@2.5.0":
+  version "2.5.0"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.5.0.tgz#f9f1d5ce9d5878d344f14ef1856b7a830c59d1bb"
+  integrity sha512-9rhlwd78saKf18fT869/poydQK8YqlU26TMiNg7AIu7eBp9adqbJZqmdFOsbZ5cnLp5XvRo9wcFmNHgHdWaGYA==
+
+"@parcel/watcher-freebsd-x64@2.5.0":
+  version "2.5.0"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.5.0.tgz#2b77f0c82d19e84ff4c21de6da7f7d096b1a7e82"
+  integrity sha512-syvfhZzyM8kErg3VF0xpV8dixJ+RzbUaaGaeb7uDuz0D3FK97/mZ5AJQ3XNnDsXX7KkFNtyQyFrXZzQIcN49Tw==
+
+"@parcel/watcher-linux-arm-glibc@2.5.0":
+  version "2.5.0"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.5.0.tgz#92ed322c56dbafa3d2545dcf2803334aee131e42"
+  integrity sha512-0VQY1K35DQET3dVYWpOaPFecqOT9dbuCfzjxoQyif1Wc574t3kOSkKevULddcR9znz1TcklCE7Ht6NIxjvTqLA==
+
+"@parcel/watcher-linux-arm-musl@2.5.0":
+  version "2.5.0"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-linux-arm-musl/-/watcher-linux-arm-musl-2.5.0.tgz#cd48e9bfde0cdbbd2ecd9accfc52967e22f849a4"
+  integrity sha512-6uHywSIzz8+vi2lAzFeltnYbdHsDm3iIB57d4g5oaB9vKwjb6N6dRIgZMujw4nm5r6v9/BQH0noq6DzHrqr2pA==
+
+"@parcel/watcher-linux-arm64-glibc@2.5.0":
+  version "2.5.0"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.5.0.tgz#7b81f6d5a442bb89fbabaf6c13573e94a46feb03"
+  integrity sha512-BfNjXwZKxBy4WibDb/LDCriWSKLz+jJRL3cM/DllnHH5QUyoiUNEp3GmL80ZqxeumoADfCCP19+qiYiC8gUBjA==
+
+"@parcel/watcher-linux-arm64-musl@2.5.0":
+  version "2.5.0"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.5.0.tgz#dcb8ff01077cdf59a18d9e0a4dff7a0cfe5fd732"
+  integrity sha512-S1qARKOphxfiBEkwLUbHjCY9BWPdWnW9j7f7Hb2jPplu8UZ3nes7zpPOW9bkLbHRvWM0WDTsjdOTUgW0xLBN1Q==
+
+"@parcel/watcher-linux-x64-glibc@2.5.0":
+  version "2.5.0"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.5.0.tgz#2e254600fda4e32d83942384d1106e1eed84494d"
+  integrity sha512-d9AOkusyXARkFD66S6zlGXyzx5RvY+chTP9Jp0ypSTC9d4lzyRs9ovGf/80VCxjKddcUvnsGwCHWuF2EoPgWjw==
+
+"@parcel/watcher-linux-x64-musl@2.5.0":
+  version "2.5.0"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.5.0.tgz#01fcea60fedbb3225af808d3f0a7b11229792eef"
+  integrity sha512-iqOC+GoTDoFyk/VYSFHwjHhYrk8bljW6zOhPuhi5t9ulqiYq1togGJB5e3PwYVFFfeVgc6pbz3JdQyDoBszVaA==
+
+"@parcel/watcher-wasm@^2.4.1":
+  version "2.5.0"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-wasm/-/watcher-wasm-2.5.0.tgz#81fad1e10957f08a532eb4fc0d4c353cd8901a50"
+  integrity sha512-Z4ouuR8Pfggk1EYYbTaIoxc+Yv4o7cGQnH0Xy8+pQ+HbiW+ZnwhcD2LPf/prfq1nIWpAxjOkQ8uSMFWMtBLiVQ==
+  dependencies:
+    is-glob "^4.0.3"
+    micromatch "^4.0.5"
+    napi-wasm "^1.1.0"
+
+"@parcel/watcher-win32-arm64@2.5.0":
+  version "2.5.0"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.5.0.tgz#87cdb16e0783e770197e52fb1dc027bb0c847154"
+  integrity sha512-twtft1d+JRNkM5YbmexfcH/N4znDtjgysFaV9zvZmmJezQsKpkfLYJ+JFV3uygugK6AtIM2oADPkB2AdhBrNig==
+
+"@parcel/watcher-win32-ia32@2.5.0":
+  version "2.5.0"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-win32-ia32/-/watcher-win32-ia32-2.5.0.tgz#778c39b56da33e045ba21c678c31a9f9d7c6b220"
+  integrity sha512-+rgpsNRKwo8A53elqbbHXdOMtY/tAtTzManTWShB5Kk54N8Q9mzNWV7tV+IbGueCbcj826MfWGU3mprWtuf1TA==
+
+"@parcel/watcher-win32-x64@2.5.0":
+  version "2.5.0"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.5.0.tgz#33873876d0bbc588aacce38e90d1d7480ce81cb7"
+  integrity sha512-lPrxve92zEHdgeff3aiu4gDOIt4u7sJYha6wbdEZDCDUhtjTsOMiaJzG5lMY4GkWH8p0fMmO2Ppq5G5XXG+DQw==
+
+"@parcel/watcher@^2.4.1":
+  version "2.5.0"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher/-/watcher-2.5.0.tgz#5c88818b12b8de4307a9d3e6dc3e28eba0dfbd10"
+  integrity sha512-i0GV1yJnm2n3Yq1qw6QrUrd/LI9bE8WEBOTtOkpCXHHdyN3TAGgqAK/DAT05z4fq2x04cARXt2pDmjWjL92iTQ==
+  dependencies:
+    detect-libc "^1.0.3"
+    is-glob "^4.0.3"
+    micromatch "^4.0.5"
+    node-addon-api "^7.0.0"
+  optionalDependencies:
+    "@parcel/watcher-android-arm64" "2.5.0"
+    "@parcel/watcher-darwin-arm64" "2.5.0"
+    "@parcel/watcher-darwin-x64" "2.5.0"
+    "@parcel/watcher-freebsd-x64" "2.5.0"
+    "@parcel/watcher-linux-arm-glibc" "2.5.0"
+    "@parcel/watcher-linux-arm-musl" "2.5.0"
+    "@parcel/watcher-linux-arm64-glibc" "2.5.0"
+    "@parcel/watcher-linux-arm64-musl" "2.5.0"
+    "@parcel/watcher-linux-x64-glibc" "2.5.0"
+    "@parcel/watcher-linux-x64-musl" "2.5.0"
+    "@parcel/watcher-win32-arm64" "2.5.0"
+    "@parcel/watcher-win32-ia32" "2.5.0"
+    "@parcel/watcher-win32-x64" "2.5.0"
+
+"@rtsao/scc@^1.1.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@rtsao/scc/-/scc-1.1.0.tgz#927dd2fae9bc3361403ac2c7a00c32ddce9ad7e8"
+  integrity sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==
+
+"@stablelib/aead@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@stablelib/aead/-/aead-1.0.1.tgz#c4b1106df9c23d1b867eb9b276d8f42d5fc4c0c3"
+  integrity sha512-q39ik6sxGHewqtO0nP4BuSe3db5G1fEJE8ukvngS2gLkBXyy6E7pLubhbYgnkDFv6V8cWaxcE4Xn0t6LWcJkyg==
+
+"@stablelib/binary@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@stablelib/binary/-/binary-1.0.1.tgz#c5900b94368baf00f811da5bdb1610963dfddf7f"
+  integrity sha512-ClJWvmL6UBM/wjkvv/7m5VP3GMr9t0osr4yVgLZsLCOz4hGN9gIAFEqnJ0TsSMAN+n840nf2cHZnA5/KFqHC7Q==
+  dependencies:
+    "@stablelib/int" "^1.0.1"
+
+"@stablelib/bytes@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@stablelib/bytes/-/bytes-1.0.1.tgz#0f4aa7b03df3080b878c7dea927d01f42d6a20d8"
+  integrity sha512-Kre4Y4kdwuqL8BR2E9hV/R5sOrUj6NanZaZis0V6lX5yzqC3hBuVSDXUIBqQv/sCpmuWRiHLwqiT1pqqjuBXoQ==
+
+"@stablelib/chacha20poly1305@1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@stablelib/chacha20poly1305/-/chacha20poly1305-1.0.1.tgz#de6b18e283a9cb9b7530d8767f99cde1fec4c2ee"
+  integrity sha512-MmViqnqHd1ymwjOQfghRKw2R/jMIGT3wySN7cthjXCBdO+qErNPUBnRzqNpnvIwg7JBCg3LdeCZZO4de/yEhVA==
+  dependencies:
+    "@stablelib/aead" "^1.0.1"
+    "@stablelib/binary" "^1.0.1"
+    "@stablelib/chacha" "^1.0.1"
+    "@stablelib/constant-time" "^1.0.1"
+    "@stablelib/poly1305" "^1.0.1"
+    "@stablelib/wipe" "^1.0.1"
+
+"@stablelib/chacha@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@stablelib/chacha/-/chacha-1.0.1.tgz#deccfac95083e30600c3f92803a3a1a4fa761371"
+  integrity sha512-Pmlrswzr0pBzDofdFuVe1q7KdsHKhhU24e8gkEwnTGOmlC7PADzLVxGdn2PoNVBBabdg0l/IfLKg6sHAbTQugg==
+  dependencies:
+    "@stablelib/binary" "^1.0.1"
+    "@stablelib/wipe" "^1.0.1"
+
+"@stablelib/constant-time@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@stablelib/constant-time/-/constant-time-1.0.1.tgz#bde361465e1cf7b9753061b77e376b0ca4c77e35"
+  integrity sha512-tNOs3uD0vSJcK6z1fvef4Y+buN7DXhzHDPqRLSXUel1UfqMB1PWNsnnAezrKfEwTLpN0cGH2p9NNjs6IqeD0eg==
+
+"@stablelib/ed25519@^1.0.2":
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/@stablelib/ed25519/-/ed25519-1.0.3.tgz#f8fdeb6f77114897c887bb6a3138d659d3f35996"
+  integrity sha512-puIMWaX9QlRsbhxfDc5i+mNPMY+0TmQEskunY1rZEBPi1acBCVQAhnsk/1Hk50DGPtVsZtAWQg4NHGlVaO9Hqg==
+  dependencies:
+    "@stablelib/random" "^1.0.2"
+    "@stablelib/sha512" "^1.0.1"
+    "@stablelib/wipe" "^1.0.1"
+
+"@stablelib/hash@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@stablelib/hash/-/hash-1.0.1.tgz#3c944403ff2239fad8ebb9015e33e98444058bc5"
+  integrity sha512-eTPJc/stDkdtOcrNMZ6mcMK1e6yBbqRBaNW55XA1jU8w/7QdnCF0CmMmOD1m7VSkBR44PWrMHU2l6r8YEQHMgg==
+
+"@stablelib/hkdf@1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@stablelib/hkdf/-/hkdf-1.0.1.tgz#b4efd47fd56fb43c6a13e8775a54b354f028d98d"
+  integrity sha512-SBEHYE16ZXlHuaW5RcGk533YlBj4grMeg5TooN80W3NpcHRtLZLLXvKyX0qcRFxf+BGDobJLnwkvgEwHIDBR6g==
+  dependencies:
+    "@stablelib/hash" "^1.0.1"
+    "@stablelib/hmac" "^1.0.1"
+    "@stablelib/wipe" "^1.0.1"
+
+"@stablelib/hmac@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@stablelib/hmac/-/hmac-1.0.1.tgz#3d4c1b8cf194cb05d28155f0eed8a299620a07ec"
+  integrity sha512-V2APD9NSnhVpV/QMYgCVMIYKiYG6LSqw1S65wxVoirhU/51ACio6D4yDVSwMzuTJXWZoVHbDdINioBwKy5kVmA==
+  dependencies:
+    "@stablelib/constant-time" "^1.0.1"
+    "@stablelib/hash" "^1.0.1"
+    "@stablelib/wipe" "^1.0.1"
+
+"@stablelib/int@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@stablelib/int/-/int-1.0.1.tgz#75928cc25d59d73d75ae361f02128588c15fd008"
+  integrity sha512-byr69X/sDtDiIjIV6m4roLVWnNNlRGzsvxw+agj8CIEazqWGOQp2dTYgQhtyVXV9wpO6WyXRQUzLV/JRNumT2w==
+
+"@stablelib/keyagreement@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@stablelib/keyagreement/-/keyagreement-1.0.1.tgz#4612efb0a30989deb437cd352cee637ca41fc50f"
+  integrity sha512-VKL6xBwgJnI6l1jKrBAfn265cspaWBPAPEc62VBQrWHLqVgNRE09gQ/AnOEyKUWrrqfD+xSQ3u42gJjLDdMDQg==
+  dependencies:
+    "@stablelib/bytes" "^1.0.1"
+
+"@stablelib/poly1305@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@stablelib/poly1305/-/poly1305-1.0.1.tgz#93bfb836c9384685d33d70080718deae4ddef1dc"
+  integrity sha512-1HlG3oTSuQDOhSnLwJRKeTRSAdFNVB/1djy2ZbS35rBSJ/PFqx9cf9qatinWghC2UbfOYD8AcrtbUQl8WoxabA==
+  dependencies:
+    "@stablelib/constant-time" "^1.0.1"
+    "@stablelib/wipe" "^1.0.1"
+
+"@stablelib/random@1.0.2", "@stablelib/random@^1.0.1", "@stablelib/random@^1.0.2":
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/@stablelib/random/-/random-1.0.2.tgz#2dece393636489bf7e19c51229dd7900eddf742c"
+  integrity sha512-rIsE83Xpb7clHPVRlBj8qNe5L8ISQOzjghYQm/dZ7VaM2KHYwMW5adjQjrzTZCchFnNCNhkwtnOBa9HTMJCI8w==
+  dependencies:
+    "@stablelib/binary" "^1.0.1"
+    "@stablelib/wipe" "^1.0.1"
+
+"@stablelib/sha256@1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@stablelib/sha256/-/sha256-1.0.1.tgz#77b6675b67f9b0ea081d2e31bda4866297a3ae4f"
+  integrity sha512-GIIH3e6KH+91FqGV42Kcj71Uefd/QEe7Dy42sBTeqppXV95ggCcxLTk39bEr+lZfJmp+ghsR07J++ORkRELsBQ==
+  dependencies:
+    "@stablelib/binary" "^1.0.1"
+    "@stablelib/hash" "^1.0.1"
+    "@stablelib/wipe" "^1.0.1"
+
+"@stablelib/sha512@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@stablelib/sha512/-/sha512-1.0.1.tgz#6da700c901c2c0ceacbd3ae122a38ac57c72145f"
+  integrity sha512-13gl/iawHV9zvDKciLo1fQ8Bgn2Pvf7OV6amaRVKiq3pjQ3UmEpXxWiAfV8tYjUpeZroBxtyrwtdooQT/i3hzw==
+  dependencies:
+    "@stablelib/binary" "^1.0.1"
+    "@stablelib/hash" "^1.0.1"
+    "@stablelib/wipe" "^1.0.1"
+
+"@stablelib/wipe@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@stablelib/wipe/-/wipe-1.0.1.tgz#d21401f1d59ade56a62e139462a97f104ed19a36"
+  integrity sha512-WfqfX/eXGiAd3RJe4VU2snh/ZPwtSjLG4ynQ/vYzvghTh7dHFcI1wl+nrkWG6lGhukOxOsUHfv8dUXr58D0ayg==
+
+"@stablelib/x25519@1.0.3":
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/@stablelib/x25519/-/x25519-1.0.3.tgz#13c8174f774ea9f3e5e42213cbf9fc68a3c7b7fd"
+  integrity sha512-KnTbKmUhPhHavzobclVJQG5kuivH+qDLpe84iRqX3CLrKp881cF160JvXJ+hjn1aMyCwYOKeIZefIH/P5cJoRw==
+  dependencies:
+    "@stablelib/keyagreement" "^1.0.1"
+    "@stablelib/random" "^1.0.2"
+    "@stablelib/wipe" "^1.0.1"
+
+"@starknet-io/get-starknet-core@4.0.5", "@starknet-io/get-starknet-core@^4.0.4":
+  version "4.0.5"
+  resolved "https://registry.yarnpkg.com/@starknet-io/get-starknet-core/-/get-starknet-core-4.0.5.tgz#d67b5703cc2f52e8d28f43f5a56168f7659b1003"
+  integrity sha512-aMnDHhWO0IMdwusZcoyPPnvAxzREWv+XkPMAtB2O1h64x1QKvpR/oVoDl/ZY81JKS4YlUWqcuD+sMGGUVZAa7w==
+  dependencies:
+    "@module-federation/runtime" "^0.1.2"
+    "@starknet-io/types-js" "^0.7.7"
+    async-mutex "^0.5.0"
+
+"@starknet-io/get-starknet@^4.0.4":
+  version "4.0.5"
+  resolved "https://registry.yarnpkg.com/@starknet-io/get-starknet/-/get-starknet-4.0.5.tgz#7dbf5ce149244034c69438bd8ad432f0d2c9c975"
+  integrity sha512-eAj3Zh9PVrn3E2jC9N7E+HxU7VlMxiUckGpL9lrWLa7vnORJkZg/3tDmjfqzgVNGN9d7ElcjIXeJB6/5d5CUCg==
+  dependencies:
+    "@starknet-io/get-starknet-core" "4.0.5"
+    bowser "^2.11.0"
+
+"@starknet-io/types-js@^0.7.7":
+  version "0.7.10"
+  resolved "https://registry.yarnpkg.com/@starknet-io/types-js/-/types-js-0.7.10.tgz#d21dc973d0cd04d7b6293ce461f2f06a5873c760"
+  integrity sha512-1VtCqX4AHWJlRRSYGSn+4X1mqolI1Tdq62IwzoU2vUuEE72S1OlEeGhpvd6XsdqXcfHmVzYfj8k1XtKBQqwo9w==
+
+"@tanstack/query-core@5.62.8":
+  version "5.62.8"
+  resolved "https://registry.yarnpkg.com/@tanstack/query-core/-/query-core-5.62.8.tgz#4a7df096ca6014a11b1185c1a14923659d17608c"
+  integrity sha512-4fV31vDsUyvNGrKIOUNPrZztoyL187bThnoQOvAXEVlZbSiuPONpfx53634MKKdvsDir5NyOGm80ShFaoHS/mw==
+
+"@tanstack/react-query@^5.59.17":
+  version "5.62.8"
+  resolved "https://registry.yarnpkg.com/@tanstack/react-query/-/react-query-5.62.8.tgz#b2fefe0ca0502510a1550635f0be52bc3bbea7ce"
+  integrity sha512-8TUstKxF/fysHonZsWg/hnlDVgasTdHx6Q+f1/s/oPKJBJbKUWPZEHwLTMOZgrZuroLMiqYKJ9w69Abm8mWP0Q==
+  dependencies:
+    "@tanstack/query-core" "5.62.8"
+
+"@trpc/client@^10.38.1":
+  version "10.45.2"
+  resolved "https://registry.yarnpkg.com/@trpc/client/-/client-10.45.2.tgz#15f9ba81303bf3417083fc6bb742e4e86b49da90"
+  integrity sha512-ykALM5kYWTLn1zYuUOZ2cPWlVfrXhc18HzBDyRhoPYN0jey4iQHEFSEowfnhg1RvYnrAVjNBgHNeSAXjrDbGwg==
+
+"@trpc/server@^10.38.1":
+  version "10.45.2"
+  resolved "https://registry.yarnpkg.com/@trpc/server/-/server-10.45.2.tgz#5f2778c4810f93b5dc407146334f8da70a0b51fb"
+  integrity sha512-wOrSThNNE4HUnuhJG6PfDRp4L2009KDVxsd+2VYH8ro6o/7/jwYZ8Uu5j+VaW+mOmc8EHerHzGcdbGNQSAUPgg==
+
+"@types/json5@^0.0.29":
+  version "0.0.29"
+  resolved "https://registry.yarnpkg.com/@types/json5/-/json5-0.0.29.tgz#ee28707ae94e11d2b827bcbe5270bcea7f3e71ee"
+  integrity sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==
+
+"@walletconnect/core@2.17.3":
+  version "2.17.3"
+  resolved "https://registry.yarnpkg.com/@walletconnect/core/-/core-2.17.3.tgz#e59045a666951e9fc2e8420130c4f93221bd2492"
+  integrity sha512-57uv0FW4L6H/tmkb1kS2nG41MDguyDgZbGR58nkDUd1TO/HydyiTByVOhFzIxgN331cnY/1G1rMaKqncgdnOFA==
+  dependencies:
+    "@walletconnect/heartbeat" "1.2.2"
+    "@walletconnect/jsonrpc-provider" "1.0.14"
+    "@walletconnect/jsonrpc-types" "1.0.4"
+    "@walletconnect/jsonrpc-utils" "1.0.8"
+    "@walletconnect/jsonrpc-ws-connection" "1.0.16"
+    "@walletconnect/keyvaluestorage" "1.1.1"
+    "@walletconnect/logger" "2.1.2"
+    "@walletconnect/relay-api" "1.0.11"
+    "@walletconnect/relay-auth" "1.0.4"
+    "@walletconnect/safe-json" "1.0.2"
+    "@walletconnect/time" "1.0.2"
+    "@walletconnect/types" "2.17.3"
+    "@walletconnect/utils" "2.17.3"
+    "@walletconnect/window-getters" "1.0.1"
+    events "3.3.0"
+    lodash.isequal "4.5.0"
+    uint8arrays "3.1.0"
+
+"@walletconnect/environment@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@walletconnect/environment/-/environment-1.0.1.tgz#1d7f82f0009ab821a2ba5ad5e5a7b8ae3b214cd7"
+  integrity sha512-T426LLZtHj8e8rYnKfzsw1aG6+M0BT1ZxayMdv/p8yM0MU+eJDISqNY3/bccxRr4LrF9csq02Rhqt08Ibl0VRg==
+  dependencies:
+    tslib "1.14.1"
+
+"@walletconnect/events@1.0.1", "@walletconnect/events@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@walletconnect/events/-/events-1.0.1.tgz#2b5f9c7202019e229d7ccae1369a9e86bda7816c"
+  integrity sha512-NPTqaoi0oPBVNuLv7qPaJazmGHs5JGyO8eEAk5VGKmJzDR7AHzD4k6ilox5kxk1iwiOnFopBOOMLs86Oa76HpQ==
+  dependencies:
+    keyvaluestorage-interface "^1.0.0"
+    tslib "1.14.1"
+
+"@walletconnect/heartbeat@1.2.2":
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/@walletconnect/heartbeat/-/heartbeat-1.2.2.tgz#e8dc5179db7769950c6f9cf59b23516d9b95227d"
+  integrity sha512-uASiRmC5MwhuRuf05vq4AT48Pq8RMi876zV8rr8cV969uTOzWdB/k+Lj5yI2PBtB1bGQisGen7MM1GcZlQTBXw==
+  dependencies:
+    "@walletconnect/events" "^1.0.1"
+    "@walletconnect/time" "^1.0.2"
+    events "^3.3.0"
+
+"@walletconnect/jsonrpc-provider@1.0.14":
+  version "1.0.14"
+  resolved "https://registry.yarnpkg.com/@walletconnect/jsonrpc-provider/-/jsonrpc-provider-1.0.14.tgz#696f3e3b6d728b361f2e8b853cfc6afbdf2e4e3e"
+  integrity sha512-rtsNY1XqHvWj0EtITNeuf8PHMvlCLiS3EjQL+WOkxEOA4KPxsohFnBDeyPYiNm4ZvkQdLnece36opYidmtbmow==
+  dependencies:
+    "@walletconnect/jsonrpc-utils" "^1.0.8"
+    "@walletconnect/safe-json" "^1.0.2"
+    events "^3.3.0"
+
+"@walletconnect/jsonrpc-types@1.0.4", "@walletconnect/jsonrpc-types@^1.0.2", "@walletconnect/jsonrpc-types@^1.0.3":
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/@walletconnect/jsonrpc-types/-/jsonrpc-types-1.0.4.tgz#ce1a667d79eadf2a2d9d002c152ceb68739c230c"
+  integrity sha512-P6679fG/M+wuWg9TY8mh6xFSdYnFyFjwFelxyISxMDrlbXokorEVXYOxiqEbrU3x1BmBoCAJJ+vtEaEoMlpCBQ==
+  dependencies:
+    events "^3.3.0"
+    keyvaluestorage-interface "^1.0.0"
+
+"@walletconnect/jsonrpc-utils@1.0.8", "@walletconnect/jsonrpc-utils@^1.0.6", "@walletconnect/jsonrpc-utils@^1.0.8":
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/@walletconnect/jsonrpc-utils/-/jsonrpc-utils-1.0.8.tgz#82d0cc6a5d6ff0ecc277cb35f71402c91ad48d72"
+  integrity sha512-vdeb03bD8VzJUL6ZtzRYsFMq1eZQcM3EAzT0a3st59dyLfJ0wq+tKMpmGH7HlB7waD858UWgfIcudbPFsbzVdw==
+  dependencies:
+    "@walletconnect/environment" "^1.0.1"
+    "@walletconnect/jsonrpc-types" "^1.0.3"
+    tslib "1.14.1"
+
+"@walletconnect/jsonrpc-ws-connection@1.0.16":
+  version "1.0.16"
+  resolved "https://registry.yarnpkg.com/@walletconnect/jsonrpc-ws-connection/-/jsonrpc-ws-connection-1.0.16.tgz#666bb13fbf32a2d4f7912d5b4d0bdef26a1d057b"
+  integrity sha512-G81JmsMqh5nJheE1mPst1W0WfVv0SG3N7JggwLLGnI7iuDZJq8cRJvQwLGKHn5H1WTW7DEPCo00zz5w62AbL3Q==
+  dependencies:
+    "@walletconnect/jsonrpc-utils" "^1.0.6"
+    "@walletconnect/safe-json" "^1.0.2"
+    events "^3.3.0"
+    ws "^7.5.1"
+
+"@walletconnect/keyvaluestorage@1.1.1":
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/@walletconnect/keyvaluestorage/-/keyvaluestorage-1.1.1.tgz#dd2caddabfbaf80f6b8993a0704d8b83115a1842"
+  integrity sha512-V7ZQq2+mSxAq7MrRqDxanTzu2RcElfK1PfNYiaVnJgJ7Q7G7hTVwF8voIBx92qsRyGHZihrwNPHuZd1aKkd0rA==
+  dependencies:
+    "@walletconnect/safe-json" "^1.0.1"
+    idb-keyval "^6.2.1"
+    unstorage "^1.9.0"
+
+"@walletconnect/logger@2.1.2":
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/@walletconnect/logger/-/logger-2.1.2.tgz#813c9af61b96323a99f16c10089bfeb525e2a272"
+  integrity sha512-aAb28I3S6pYXZHQm5ESB+V6rDqIYfsnHaQyzFbwUUBFY4H0OXx/YtTl8lvhUNhMMfb9UxbwEBS253TlXUYJWSw==
+  dependencies:
+    "@walletconnect/safe-json" "^1.0.2"
+    pino "7.11.0"
+
+"@walletconnect/relay-api@1.0.11":
+  version "1.0.11"
+  resolved "https://registry.yarnpkg.com/@walletconnect/relay-api/-/relay-api-1.0.11.tgz#80ab7ef2e83c6c173be1a59756f95e515fb63224"
+  integrity sha512-tLPErkze/HmC9aCmdZOhtVmYZq1wKfWTJtygQHoWtgg722Jd4homo54Cs4ak2RUFUZIGO2RsOpIcWipaua5D5Q==
+  dependencies:
+    "@walletconnect/jsonrpc-types" "^1.0.2"
+
+"@walletconnect/relay-auth@1.0.4":
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/@walletconnect/relay-auth/-/relay-auth-1.0.4.tgz#0b5c55c9aa3b0ef61f526ce679f3ff8a5c4c2c7c"
+  integrity sha512-kKJcS6+WxYq5kshpPaxGHdwf5y98ZwbfuS4EE/NkQzqrDFm5Cj+dP8LofzWvjrrLkZq7Afy7WrQMXdLy8Sx7HQ==
+  dependencies:
+    "@stablelib/ed25519" "^1.0.2"
+    "@stablelib/random" "^1.0.1"
+    "@walletconnect/safe-json" "^1.0.1"
+    "@walletconnect/time" "^1.0.2"
+    tslib "1.14.1"
+    uint8arrays "^3.0.0"
+
+"@walletconnect/safe-json@1.0.2", "@walletconnect/safe-json@^1.0.1", "@walletconnect/safe-json@^1.0.2":
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/@walletconnect/safe-json/-/safe-json-1.0.2.tgz#7237e5ca48046e4476154e503c6d3c914126fa77"
+  integrity sha512-Ogb7I27kZ3LPC3ibn8ldyUr5544t3/STow9+lzz7Sfo808YD7SBWk7SAsdBFlYgP2zDRy2hS3sKRcuSRM0OTmA==
+  dependencies:
+    tslib "1.14.1"
+
+"@walletconnect/sign-client@^2.11.0":
+  version "2.17.3"
+  resolved "https://registry.yarnpkg.com/@walletconnect/sign-client/-/sign-client-2.17.3.tgz#86c116bc927946bffa8415ca8d92d3ef412082e1"
+  integrity sha512-OzOWxRTfVGCHU3OOF6ibPkgPfDpivFJjuknfcOUt9PYWpTAv6YKOmT4cyfBPhc7llruyHpV44fYbykMcLIvEcg==
+  dependencies:
+    "@walletconnect/core" "2.17.3"
+    "@walletconnect/events" "1.0.1"
+    "@walletconnect/heartbeat" "1.2.2"
+    "@walletconnect/jsonrpc-utils" "1.0.8"
+    "@walletconnect/logger" "2.1.2"
+    "@walletconnect/time" "1.0.2"
+    "@walletconnect/types" "2.17.3"
+    "@walletconnect/utils" "2.17.3"
+    events "3.3.0"
+
+"@walletconnect/time@1.0.2", "@walletconnect/time@^1.0.2":
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/@walletconnect/time/-/time-1.0.2.tgz#6c5888b835750ecb4299d28eecc5e72c6d336523"
+  integrity sha512-uzdd9woDcJ1AaBZRhqy5rNC9laqWGErfc4dxA9a87mPdKOgWMD85mcFo9dIYIts/Jwocfwn07EC6EzclKubk/g==
+  dependencies:
+    tslib "1.14.1"
+
+"@walletconnect/types@2.17.3":
+  version "2.17.3"
+  resolved "https://registry.yarnpkg.com/@walletconnect/types/-/types-2.17.3.tgz#906f25cf0c9691704b9161eaa305262b0e7626d0"
+  integrity sha512-5eFxnbZGJJx0IQyCS99qz+OvozpLJJYfVG96dEHGgbzZMd+C9V1eitYqVClx26uX6V+WQVqVwjpD2Dyzie++Wg==
+  dependencies:
+    "@walletconnect/events" "1.0.1"
+    "@walletconnect/heartbeat" "1.2.2"
+    "@walletconnect/jsonrpc-types" "1.0.4"
+    "@walletconnect/keyvaluestorage" "1.1.1"
+    "@walletconnect/logger" "2.1.2"
+    events "3.3.0"
+
+"@walletconnect/utils@2.17.3":
+  version "2.17.3"
+  resolved "https://registry.yarnpkg.com/@walletconnect/utils/-/utils-2.17.3.tgz#a22938567febc3e3771efae8eb351adf3d499a8d"
+  integrity sha512-tG77UpZNeLYgeOwViwWnifpyBatkPlpKSSayhN0gcjY1lZAUNqtYslpm4AdTxlrA3pL61MnyybXgWYT5eZjarw==
+  dependencies:
+    "@ethersproject/hash" "5.7.0"
+    "@ethersproject/transactions" "5.7.0"
+    "@stablelib/chacha20poly1305" "1.0.1"
+    "@stablelib/hkdf" "1.0.1"
+    "@stablelib/random" "1.0.2"
+    "@stablelib/sha256" "1.0.1"
+    "@stablelib/x25519" "1.0.3"
+    "@walletconnect/jsonrpc-utils" "1.0.8"
+    "@walletconnect/keyvaluestorage" "1.1.1"
+    "@walletconnect/relay-api" "1.0.11"
+    "@walletconnect/relay-auth" "1.0.4"
+    "@walletconnect/safe-json" "1.0.2"
+    "@walletconnect/time" "1.0.2"
+    "@walletconnect/types" "2.17.3"
+    "@walletconnect/window-getters" "1.0.1"
+    "@walletconnect/window-metadata" "1.0.1"
+    detect-browser "5.3.0"
+    elliptic "6.6.1"
+    query-string "7.1.3"
+    uint8arrays "3.1.0"
+
+"@walletconnect/window-getters@1.0.1", "@walletconnect/window-getters@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@walletconnect/window-getters/-/window-getters-1.0.1.tgz#f36d1c72558a7f6b87ecc4451fc8bd44f63cbbdc"
+  integrity sha512-vHp+HqzGxORPAN8gY03qnbTMnhqIwjeRJNOMOAzePRg4xVEEE2WvYsI9G2NMjOknA8hnuYbU3/hwLcKbjhc8+Q==
+  dependencies:
+    tslib "1.14.1"
+
+"@walletconnect/window-metadata@1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@walletconnect/window-metadata/-/window-metadata-1.0.1.tgz#2124f75447b7e989e4e4e1581d55d25bc75f7be5"
+  integrity sha512-9koTqyGrM2cqFRW517BPY/iEtUDx2r1+Pwwu5m7sJ7ka79wi3EyqhqcICk/yDmv6jAS1rjKgTKXlEhanYjijcA==
+  dependencies:
+    "@walletconnect/window-getters" "^1.0.1"
+    tslib "1.14.1"
+
+acorn@^8.14.0:
+  version "8.14.0"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.14.0.tgz#063e2c70cac5fb4f6467f0b11152e04c682795b0"
+  integrity sha512-cl669nCJTZBsL97OF4kUQm5g5hC2uihk0NxY3WENAC0TYdILVkAyHymAntgxGkl7K+t0cXIrH5siy5S4XkFycA==
+
+anymatch@^3.1.3, anymatch@~3.1.2:
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-3.1.3.tgz#790c58b19ba1720a84205b57c618d5ad8524973e"
+  integrity sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==
+  dependencies:
+    normalize-path "^3.0.0"
+    picomatch "^2.0.4"
+
+array-buffer-byte-length@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/array-buffer-byte-length/-/array-buffer-byte-length-1.0.2.tgz#384d12a37295aec3769ab022ad323a18a51ccf8b"
+  integrity sha512-LHE+8BuR7RYGDKvnrmcuSq3tDcKv9OFEXQt/HpbZhY7V6h0zlUXutnAD82GiFx9rdieCMjkvtcsPqBwgUl1Iiw==
+  dependencies:
+    call-bound "^1.0.3"
+    is-array-buffer "^3.0.5"
+
+array-includes@^3.1.8:
+  version "3.1.8"
+  resolved "https://registry.yarnpkg.com/array-includes/-/array-includes-3.1.8.tgz#5e370cbe172fdd5dd6530c1d4aadda25281ba97d"
+  integrity sha512-itaWrbYbqpGXkGhZPGUulwnhVf5Hpy1xiCFsGqyIGglbBxmG5vSjxQen3/WGOjPpNEv1RtBLKxbmVXm8HpJStQ==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.2"
+    es-object-atoms "^1.0.0"
+    get-intrinsic "^1.2.4"
+    is-string "^1.0.7"
+
+array.prototype.findlastindex@^1.2.5:
+  version "1.2.5"
+  resolved "https://registry.yarnpkg.com/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.5.tgz#8c35a755c72908719453f87145ca011e39334d0d"
+  integrity sha512-zfETvRFA8o7EiNn++N5f/kaCw221hrpGsDmcpndVupkPzEc1Wuf3VgC0qby1BbHs7f5DVYjgtEU2LLh5bqeGfQ==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.2"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.0.0"
+    es-shim-unscopables "^1.0.2"
+
+array.prototype.flat@^1.3.2:
+  version "1.3.3"
+  resolved "https://registry.yarnpkg.com/array.prototype.flat/-/array.prototype.flat-1.3.3.tgz#534aaf9e6e8dd79fb6b9a9917f839ef1ec63afe5"
+  integrity sha512-rwG/ja1neyLqCuGZ5YYrznA62D4mZXg0i1cIskIUKSiqF3Cje9/wXAls9B9s1Wa2fomMsIv8czB8jZcPmxCXFg==
+  dependencies:
+    call-bind "^1.0.8"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.5"
+    es-shim-unscopables "^1.0.2"
+
+array.prototype.flatmap@^1.3.2:
+  version "1.3.3"
+  resolved "https://registry.yarnpkg.com/array.prototype.flatmap/-/array.prototype.flatmap-1.3.3.tgz#712cc792ae70370ae40586264629e33aab5dd38b"
+  integrity sha512-Y7Wt51eKJSyi80hFrJCePGGNo5ktJCslFuboqJsbf57CCPcm5zztluPlc4/aD8sWsKvlwatezpV4U1efk8kpjg==
+  dependencies:
+    call-bind "^1.0.8"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.5"
+    es-shim-unscopables "^1.0.2"
+
+arraybuffer.prototype.slice@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.4.tgz#9d760d84dbdd06d0cbf92c8849615a1a7ab3183c"
+  integrity sha512-BNoCY6SXXPQ7gF2opIP4GBE+Xw7U+pHMYKuzjgCN3GwiaIR09UUeKfheyIry77QtrCBlC0KK0q5/TER/tYh3PQ==
+  dependencies:
+    array-buffer-byte-length "^1.0.1"
+    call-bind "^1.0.8"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.5"
+    es-errors "^1.3.0"
+    get-intrinsic "^1.2.6"
+    is-array-buffer "^3.0.4"
+
+async-mutex@^0.5.0:
+  version "0.5.0"
+  resolved "https://registry.yarnpkg.com/async-mutex/-/async-mutex-0.5.0.tgz#353c69a0b9e75250971a64ac203b0ebfddd75482"
+  integrity sha512-1A94B18jkJ3DYq284ohPxoXbfTA5HsQ7/Mf4DEhcyLx3Bz27Rh59iScbB6EPiP+B+joue6YCxcMXSbFC1tZKwA==
+  dependencies:
+    tslib "^2.4.0"
+
+atomic-sleep@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/atomic-sleep/-/atomic-sleep-1.0.0.tgz#eb85b77a601fc932cfe432c5acd364a9e2c9075b"
+  integrity sha512-kNOjDqAh7px0XWNI+4QbzoiR/nTkHAWNud2uvnJquD1/x5a7EQZMJT0AczqK0Qn67oY/TTQ1LbUKajZpp3I9tQ==
+
+available-typed-arrays@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz#a5cc375d6a03c2efc87a553f3e0b1522def14846"
+  integrity sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==
+  dependencies:
+    possible-typed-array-names "^1.0.0"
+
+balanced-match@^1.0.0:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.2.tgz#e83e3a7e3f300b34cb9d87f615fa0cbf357690ee"
+  integrity sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==
+
+binary-extensions@^2.0.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-2.3.0.tgz#f6e14a97858d327252200242d4ccfe522c445522"
+  integrity sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==
+
+bn.js@^4.11.9:
+  version "4.12.1"
+  resolved "https://registry.yarnpkg.com/bn.js/-/bn.js-4.12.1.tgz#215741fe3c9dba2d7e12c001d0cfdbae43975ba7"
+  integrity sha512-k8TVBiPkPJT9uHLdOKfFpqcfprwBFOAAXXozRubr7R7PfIuKvQlzcI4M0pALeqXN09vdaMbUdUj+pass+uULAg==
+
+bn.js@^5.2.1:
+  version "5.2.1"
+  resolved "https://registry.yarnpkg.com/bn.js/-/bn.js-5.2.1.tgz#0bc527a6a0d18d0aa8d5b0538ce4a77dccfa7b70"
+  integrity sha512-eXRvHzWyYPBuB4NBy0cmYQjGitUrtqwbvlzP3G6VFnNRbsZQIxQ10PbKKHt8gZ/HW/D/747aDl+QkDqg3KQLMQ==
+
+bowser@^2.11.0:
+  version "2.11.0"
+  resolved "https://registry.yarnpkg.com/bowser/-/bowser-2.11.0.tgz#5ca3c35757a7aa5771500c70a73a9f91ef420a8f"
+  integrity sha512-AlcaJBi/pqqJBIQ8U9Mcpc9i8Aqxn88Skv5d+xBX006BY5u8N3mGLHa5Lgppa7L/HfwgwLgZ6NYs+Ag6uUmJRA==
+
+brace-expansion@^1.1.7:
+  version "1.1.11"
+  resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-1.1.11.tgz#3c7fcbf529d87226f3d2f52b966ff5271eb441dd"
+  integrity sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==
+  dependencies:
+    balanced-match "^1.0.0"
+    concat-map "0.0.1"
+
+braces@^3.0.3, braces@~3.0.2:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/braces/-/braces-3.0.3.tgz#490332f40919452272d55a8480adc0c441358789"
+  integrity sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==
+  dependencies:
+    fill-range "^7.1.1"
+
+brorand@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/brorand/-/brorand-1.1.0.tgz#12c25efe40a45e3c323eb8675a0a0ce57b22371f"
+  integrity sha512-cKV8tMCEpQs4hK/ik71d6LrPOnpkpGBR0wzxqr68g2m/LB2GxVYQroAjMJZRVM1Y4BCjCKc3vAamxSzOY2RP+w==
+
+call-bind-apply-helpers@^1.0.0, call-bind-apply-helpers@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.1.tgz#32e5892e6361b29b0b545ba6f7763378daca2840"
+  integrity sha512-BhYE+WDaywFg2TBWYNXAE+8B1ATnThNBqXHP5nQu0jWJdVvY2hvkpyB3qOmtmDePiS5/BDQ8wASEWGMWRG148g==
+  dependencies:
+    es-errors "^1.3.0"
+    function-bind "^1.1.2"
+
+call-bind@^1.0.7, call-bind@^1.0.8:
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/call-bind/-/call-bind-1.0.8.tgz#0736a9660f537e3388826f440d5ec45f744eaa4c"
+  integrity sha512-oKlSFMcMwpUg2ednkhQ454wfWiU/ul3CkJe/PEHcTKuiX6RpbehUiFMXu13HalGZxfUwCQzZG747YXBn1im9ww==
+  dependencies:
+    call-bind-apply-helpers "^1.0.0"
+    es-define-property "^1.0.0"
+    get-intrinsic "^1.2.4"
+    set-function-length "^1.2.2"
+
+call-bound@^1.0.2, call-bound@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/call-bound/-/call-bound-1.0.3.tgz#41cfd032b593e39176a71533ab4f384aa04fd681"
+  integrity sha512-YTd+6wGlNlPxSuri7Y6X8tY2dmm12UMH66RpKMhiX6rsk5wXXnYgbUcOt8kiS31/AjfoTOvCsE+w8nZQLQnzHA==
+  dependencies:
+    call-bind-apply-helpers "^1.0.1"
+    get-intrinsic "^1.2.6"
+
+chokidar@^3.6.0:
+  version "3.6.0"
+  resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.6.0.tgz#197c6cc669ef2a8dc5e7b4d97ee4e092c3eb0d5b"
+  integrity sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==
+  dependencies:
+    anymatch "~3.1.2"
+    braces "~3.0.2"
+    glob-parent "~5.1.2"
+    is-binary-path "~2.1.0"
+    is-glob "~4.0.1"
+    normalize-path "~3.0.0"
+    readdirp "~3.6.0"
+  optionalDependencies:
+    fsevents "~2.3.2"
+
+citty@^0.1.5, citty@^0.1.6:
+  version "0.1.6"
+  resolved "https://registry.yarnpkg.com/citty/-/citty-0.1.6.tgz#0f7904da1ed4625e1a9ea7e0fa780981aab7c5e4"
+  integrity sha512-tskPPKEs8D2KPafUypv2gxwJP8h/OaJmC82QQGGDQcHvXX43xF2VDACcJVmZ0EuSxkpO9Kc4MlrA3q0+FG58AQ==
+  dependencies:
+    consola "^3.2.3"
+
+clipboardy@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/clipboardy/-/clipboardy-4.0.0.tgz#e73ced93a76d19dd379ebf1f297565426dffdca1"
+  integrity sha512-5mOlNS0mhX0707P2I0aZ2V/cmHUEO/fL7VFLqszkhUsxt7RwnmrInf/eEQKlf5GzvYeHIjT+Ov1HRfNmymlG0w==
+  dependencies:
+    execa "^8.0.1"
+    is-wsl "^3.1.0"
+    is64bit "^2.0.0"
+
+concat-map@0.0.1:
+  version "0.0.1"
+  resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b"
+  integrity sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==
+
+confbox@^0.1.8:
+  version "0.1.8"
+  resolved "https://registry.yarnpkg.com/confbox/-/confbox-0.1.8.tgz#820d73d3b3c82d9bd910652c5d4d599ef8ff8b06"
+  integrity sha512-RMtmw0iFkeR4YV+fUOSucriAQNb9g8zFR52MWCtl+cCZOFRNL6zeB395vPzFhEjjn4fMxXudmELnl/KF/WrK6w==
+
+consola@^3.2.3:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/consola/-/consola-3.3.0.tgz#b89affdff331a40eac2f11ecc571eb230b7b560b"
+  integrity sha512-kxltocVQCwQNFvw40dlVRYeAkAvtYjMFZYNlOcsF5wExPpGwPxMwgx4IfDJvBRPtBpnQwItd5WkTaR0ZwT/TmQ==
+
+cookie-es@^1.2.2:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/cookie-es/-/cookie-es-1.2.2.tgz#18ceef9eb513cac1cb6c14bcbf8bdb2679b34821"
+  integrity sha512-+W7VmiVINB+ywl1HGXJXmrqkOhpKrIiVZV6tQuV54ZyQC7MMuBt81Vc336GMLoHBq5hV/F9eXgt5Mnx0Rha5Fg==
+
+cross-spawn@^7.0.3:
+  version "7.0.6"
+  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.6.tgz#8a58fe78f00dcd70c370451759dfbfaf03e8ee9f"
+  integrity sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==
+  dependencies:
+    path-key "^3.1.0"
+    shebang-command "^2.0.0"
+    which "^2.0.1"
+
+"crossws@>=0.2.0 <0.4.0":
+  version "0.3.1"
+  resolved "https://registry.yarnpkg.com/crossws/-/crossws-0.3.1.tgz#7980e0b6688fe23286661c3ab8deeccbaa05ca86"
+  integrity sha512-HsZgeVYaG+b5zA+9PbIPGq4+J/CJynJuearykPsXx4V/eMhyQ5EDVg3Ak2FBZtVXCiOLu/U7IiwDHTr9MA+IKw==
+  dependencies:
+    uncrypto "^0.1.3"
+
+data-view-buffer@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/data-view-buffer/-/data-view-buffer-1.0.2.tgz#211a03ba95ecaf7798a8c7198d79536211f88570"
+  integrity sha512-EmKO5V3OLXh1rtK2wgXRansaK1/mtVdTUEiEI0W8RkvgT05kfxaH29PliLnpLP73yYO6142Q72QNa8Wx/A5CqQ==
+  dependencies:
+    call-bound "^1.0.3"
+    es-errors "^1.3.0"
+    is-data-view "^1.0.2"
+
+data-view-byte-length@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/data-view-byte-length/-/data-view-byte-length-1.0.2.tgz#9e80f7ca52453ce3e93d25a35318767ea7704735"
+  integrity sha512-tuhGbE6CfTM9+5ANGf+oQb72Ky/0+s3xKUpHvShfiz2RxMFgFPjsXuRLBVMtvMs15awe45SRb83D6wH4ew6wlQ==
+  dependencies:
+    call-bound "^1.0.3"
+    es-errors "^1.3.0"
+    is-data-view "^1.0.2"
+
+data-view-byte-offset@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/data-view-byte-offset/-/data-view-byte-offset-1.0.1.tgz#068307f9b71ab76dbbe10291389e020856606191"
+  integrity sha512-BS8PfmtDGnrgYdOonGZQdLZslWIeCGFP9tpan0hi1Co2Zr2NKADsvGYA8XxuG/4UWgJ6Cjtv+YJnB6MM69QGlQ==
+  dependencies:
+    call-bound "^1.0.2"
+    es-errors "^1.3.0"
+    is-data-view "^1.0.1"
+
+debug@^3.2.7:
+  version "3.2.7"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-3.2.7.tgz#72580b7e9145fb39b6676f9c5e5fb100b934179a"
+  integrity sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==
+  dependencies:
+    ms "^2.1.1"
+
+decode-uri-component@^0.2.2:
+  version "0.2.2"
+  resolved "https://registry.yarnpkg.com/decode-uri-component/-/decode-uri-component-0.2.2.tgz#e69dbe25d37941171dd540e024c444cd5188e1e9"
+  integrity sha512-FqUYQ+8o158GyGTrMFJms9qh3CqTKvAqgqsTnkLI8sKu0028orqBhxNMFkFen0zGyg6epACD32pjVk58ngIErQ==
+
+define-data-property@^1.0.1, define-data-property@^1.1.4:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/define-data-property/-/define-data-property-1.1.4.tgz#894dc141bb7d3060ae4366f6a0107e68fbe48c5e"
+  integrity sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==
+  dependencies:
+    es-define-property "^1.0.0"
+    es-errors "^1.3.0"
+    gopd "^1.0.1"
+
+define-properties@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/define-properties/-/define-properties-1.2.1.tgz#10781cc616eb951a80a034bafcaa7377f6af2b6c"
+  integrity sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==
+  dependencies:
+    define-data-property "^1.0.1"
+    has-property-descriptors "^1.0.0"
+    object-keys "^1.1.1"
+
+defu@^6.1.4:
+  version "6.1.4"
+  resolved "https://registry.yarnpkg.com/defu/-/defu-6.1.4.tgz#4e0c9cf9ff68fe5f3d7f2765cc1a012dfdcb0479"
+  integrity sha512-mEQCMmwJu317oSz8CwdIOdwf3xMif1ttiM8LTufzc3g6kR+9Pe236twL8j3IYT1F7GfRgGcW6MWxzZjLIkuHIg==
+
+destr@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/destr/-/destr-2.0.3.tgz#7f9e97cb3d16dbdca7be52aca1644ce402cfe449"
+  integrity sha512-2N3BOUU4gYMpTP24s5rF5iP7BDr7uNTCs4ozw3kf/eKfvWSIu93GEBi5m427YoyJoeOzQ5smuu4nNAPGb8idSQ==
+
+detect-browser@5.3.0, detect-browser@^5.3.0:
+  version "5.3.0"
+  resolved "https://registry.yarnpkg.com/detect-browser/-/detect-browser-5.3.0.tgz#9705ef2bddf46072d0f7265a1fe300e36fe7ceca"
+  integrity sha512-53rsFbGdwMwlF7qvCt0ypLM5V5/Mbl0szB7GPN8y9NCcbknYOeVVXdrXEq+90IwAfrrzt6Hd+u2E2ntakICU8w==
+
+detect-libc@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/detect-libc/-/detect-libc-1.0.3.tgz#fa137c4bd698edf55cd5cd02ac559f91a4c4ba9b"
+  integrity sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==
+
+doctrine@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/doctrine/-/doctrine-2.1.0.tgz#5cd01fc101621b42c4cd7f5d1a66243716d3f39d"
+  integrity sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==
+  dependencies:
+    esutils "^2.0.2"
+
+dunder-proto@^1.0.0, dunder-proto@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/dunder-proto/-/dunder-proto-1.0.1.tgz#d7ae667e1dc83482f8b70fd0f6eefc50da30f58a"
+  integrity sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==
+  dependencies:
+    call-bind-apply-helpers "^1.0.1"
+    es-errors "^1.3.0"
+    gopd "^1.2.0"
+
+duplexify@^4.1.2:
+  version "4.1.3"
+  resolved "https://registry.yarnpkg.com/duplexify/-/duplexify-4.1.3.tgz#a07e1c0d0a2c001158563d32592ba58bddb0236f"
+  integrity sha512-M3BmBhwJRZsSx38lZyhE53Csddgzl5R7xGJNk7CVddZD6CcmwMCH8J+7AprIrQKH7TonKxaCjcv27Qmf+sQ+oA==
+  dependencies:
+    end-of-stream "^1.4.1"
+    inherits "^2.0.3"
+    readable-stream "^3.1.1"
+    stream-shift "^1.0.2"
+
+elliptic@6.5.4:
+  version "6.5.4"
+  resolved "https://registry.yarnpkg.com/elliptic/-/elliptic-6.5.4.tgz#da37cebd31e79a1367e941b592ed1fbebd58abbb"
+  integrity sha512-iLhC6ULemrljPZb+QutR5TQGB+pdW6KGD5RSegS+8sorOZT+rdQFbsQFJgvN3eRqNALqJer4oQ16YvJHlU8hzQ==
+  dependencies:
+    bn.js "^4.11.9"
+    brorand "^1.1.0"
+    hash.js "^1.0.0"
+    hmac-drbg "^1.0.1"
+    inherits "^2.0.4"
+    minimalistic-assert "^1.0.1"
+    minimalistic-crypto-utils "^1.0.1"
+
+elliptic@6.6.1:
+  version "6.6.1"
+  resolved "https://registry.yarnpkg.com/elliptic/-/elliptic-6.6.1.tgz#3b8ffb02670bf69e382c7f65bf524c97c5405c06"
+  integrity sha512-RaddvvMatK2LJHqFJ+YA4WysVN5Ita9E35botqIYspQ4TkRAlCicdzKOjlyv/1Za5RyTNn7di//eEV0uTAfe3g==
+  dependencies:
+    bn.js "^4.11.9"
+    brorand "^1.1.0"
+    hash.js "^1.0.0"
+    hmac-drbg "^1.0.1"
+    inherits "^2.0.4"
+    minimalistic-assert "^1.0.1"
+    minimalistic-crypto-utils "^1.0.1"
+
+end-of-stream@^1.4.1:
+  version "1.4.4"
+  resolved "https://registry.yarnpkg.com/end-of-stream/-/end-of-stream-1.4.4.tgz#5ae64a5f45057baf3626ec14da0ca5e4b2431eb0"
+  integrity sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==
+  dependencies:
+    once "^1.4.0"
+
+es-abstract@^1.23.2, es-abstract@^1.23.5, es-abstract@^1.23.6:
+  version "1.23.6"
+  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.23.6.tgz#55f0e1ce7128995cc04ace0a57d7dca348345108"
+  integrity sha512-Ifco6n3yj2tMZDWNLyloZrytt9lqqlwvS83P3HtaETR0NUOYnIULGGHpktqYGObGy+8wc1okO25p8TjemhImvA==
+  dependencies:
+    array-buffer-byte-length "^1.0.1"
+    arraybuffer.prototype.slice "^1.0.4"
+    available-typed-arrays "^1.0.7"
+    call-bind "^1.0.8"
+    call-bound "^1.0.3"
+    data-view-buffer "^1.0.1"
+    data-view-byte-length "^1.0.1"
+    data-view-byte-offset "^1.0.0"
+    es-define-property "^1.0.1"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.0.0"
+    es-set-tostringtag "^2.0.3"
+    es-to-primitive "^1.3.0"
+    function.prototype.name "^1.1.7"
+    get-intrinsic "^1.2.6"
+    get-symbol-description "^1.0.2"
+    globalthis "^1.0.4"
+    gopd "^1.2.0"
+    has-property-descriptors "^1.0.2"
+    has-proto "^1.2.0"
+    has-symbols "^1.1.0"
+    hasown "^2.0.2"
+    internal-slot "^1.1.0"
+    is-array-buffer "^3.0.4"
+    is-callable "^1.2.7"
+    is-data-view "^1.0.2"
+    is-negative-zero "^2.0.3"
+    is-regex "^1.2.1"
+    is-shared-array-buffer "^1.0.3"
+    is-string "^1.1.1"
+    is-typed-array "^1.1.13"
+    is-weakref "^1.1.0"
+    math-intrinsics "^1.0.0"
+    object-inspect "^1.13.3"
+    object-keys "^1.1.1"
+    object.assign "^4.1.5"
+    regexp.prototype.flags "^1.5.3"
+    safe-array-concat "^1.1.3"
+    safe-regex-test "^1.1.0"
+    string.prototype.trim "^1.2.10"
+    string.prototype.trimend "^1.0.9"
+    string.prototype.trimstart "^1.0.8"
+    typed-array-buffer "^1.0.2"
+    typed-array-byte-length "^1.0.1"
+    typed-array-byte-offset "^1.0.3"
+    typed-array-length "^1.0.7"
+    unbox-primitive "^1.0.2"
+    which-typed-array "^1.1.16"
+
+es-define-property@^1.0.0, es-define-property@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/es-define-property/-/es-define-property-1.0.1.tgz#983eb2f9a6724e9303f61addf011c72e09e0b0fa"
+  integrity sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==
+
+es-errors@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/es-errors/-/es-errors-1.3.0.tgz#05f75a25dab98e4fb1dcd5e1472c0546d5057c8f"
+  integrity sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==
+
+es-object-atoms@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/es-object-atoms/-/es-object-atoms-1.0.0.tgz#ddb55cd47ac2e240701260bc2a8e31ecb643d941"
+  integrity sha512-MZ4iQ6JwHOBQjahnjwaC1ZtIBH+2ohjamzAO3oaHcXYup7qxjF2fixyH+Q71voWHeOkI2q/TnJao/KfXYIZWbw==
+  dependencies:
+    es-errors "^1.3.0"
+
+es-set-tostringtag@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/es-set-tostringtag/-/es-set-tostringtag-2.0.3.tgz#8bb60f0a440c2e4281962428438d58545af39777"
+  integrity sha512-3T8uNMC3OQTHkFUsFq8r/BwAXLHvU/9O9mE0fBc/MY5iq/8H7ncvO947LmYA6ldWw9Uh8Yhf25zu6n7nML5QWQ==
+  dependencies:
+    get-intrinsic "^1.2.4"
+    has-tostringtag "^1.0.2"
+    hasown "^2.0.1"
+
+es-shim-unscopables@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/es-shim-unscopables/-/es-shim-unscopables-1.0.2.tgz#1f6942e71ecc7835ed1c8a83006d8771a63a3763"
+  integrity sha512-J3yBRXCzDu4ULnQwxyToo/OjdMx6akgVC7K6few0a7F/0wLtmKKN7I73AH5T2836UuXRqN7Qg+IIUw/+YJksRw==
+  dependencies:
+    hasown "^2.0.0"
+
+es-to-primitive@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/es-to-primitive/-/es-to-primitive-1.3.0.tgz#96c89c82cc49fd8794a24835ba3e1ff87f214e18"
+  integrity sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g==
+  dependencies:
+    is-callable "^1.2.7"
+    is-date-object "^1.0.5"
+    is-symbol "^1.0.4"
+
+eslint-import-resolver-node@^0.3.9:
+  version "0.3.9"
+  resolved "https://registry.yarnpkg.com/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.9.tgz#d4eaac52b8a2e7c3cd1903eb00f7e053356118ac"
+  integrity sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==
+  dependencies:
+    debug "^3.2.7"
+    is-core-module "^2.13.0"
+    resolve "^1.22.4"
+
+eslint-module-utils@^2.12.0:
+  version "2.12.0"
+  resolved "https://registry.yarnpkg.com/eslint-module-utils/-/eslint-module-utils-2.12.0.tgz#fe4cfb948d61f49203d7b08871982b65b9af0b0b"
+  integrity sha512-wALZ0HFoytlyh/1+4wuZ9FJCD/leWHQzzrxJ8+rebyReSLk7LApMyd3WJaLVoN+D5+WIdJyDK1c6JnE65V4Zyg==
+  dependencies:
+    debug "^3.2.7"
+
+eslint-plugin-import@^2.29.1:
+  version "2.31.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-import/-/eslint-plugin-import-2.31.0.tgz#310ce7e720ca1d9c0bb3f69adfd1c6bdd7d9e0e7"
+  integrity sha512-ixmkI62Rbc2/w8Vfxyh1jQRTdRTF52VxwRVHl/ykPAmqG+Nb7/kNn+byLP0LxPgI7zWA16Jt82SybJInmMia3A==
+  dependencies:
+    "@rtsao/scc" "^1.1.0"
+    array-includes "^3.1.8"
+    array.prototype.findlastindex "^1.2.5"
+    array.prototype.flat "^1.3.2"
+    array.prototype.flatmap "^1.3.2"
+    debug "^3.2.7"
+    doctrine "^2.1.0"
+    eslint-import-resolver-node "^0.3.9"
+    eslint-module-utils "^2.12.0"
+    hasown "^2.0.2"
+    is-core-module "^2.15.1"
+    is-glob "^4.0.3"
+    minimatch "^3.1.2"
+    object.fromentries "^2.0.8"
+    object.groupby "^1.0.3"
+    object.values "^1.2.0"
+    semver "^6.3.1"
+    string.prototype.trimend "^1.0.8"
+    tsconfig-paths "^3.15.0"
+
+esutils@^2.0.2:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/esutils/-/esutils-2.0.3.tgz#74d2eb4de0b8da1293711910d50775b9b710ef64"
+  integrity sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==
+
+eventemitter3@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/eventemitter3/-/eventemitter3-5.0.1.tgz#53f5ffd0a492ac800721bb42c66b841de96423c4"
+  integrity sha512-GWkBvjiSZK87ELrYOSESUYeVIc9mvLLf/nXalMOS5dYrgZq9o5OVkbZAVM06CVxYsCwH9BDZFPlQTlPA1j4ahA==
+
+events@3.3.0, events@^3.3.0:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/events/-/events-3.3.0.tgz#31a95ad0a924e2d2c419a813aeb2c4e878ea7400"
+  integrity sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==
+
+execa@^8.0.1:
+  version "8.0.1"
+  resolved "https://registry.yarnpkg.com/execa/-/execa-8.0.1.tgz#51f6a5943b580f963c3ca9c6321796db8cc39b8c"
+  integrity sha512-VyhnebXciFV2DESc+p6B+y0LjSm0krU4OgJN44qFAhBY0TJ+1V61tYD2+wHusZ6F9n5K+vl8k0sTy7PEfV4qpg==
+  dependencies:
+    cross-spawn "^7.0.3"
+    get-stream "^8.0.1"
+    human-signals "^5.0.0"
+    is-stream "^3.0.0"
+    merge-stream "^2.0.0"
+    npm-run-path "^5.1.0"
+    onetime "^6.0.0"
+    signal-exit "^4.1.0"
+    strip-final-newline "^3.0.0"
+
+fast-redact@^3.0.0:
+  version "3.5.0"
+  resolved "https://registry.yarnpkg.com/fast-redact/-/fast-redact-3.5.0.tgz#e9ea02f7e57d0cd8438180083e93077e496285e4"
+  integrity sha512-dwsoQlS7h9hMeYUq1W++23NDcBLV4KqONnITDV9DjfS3q1SgDGVrBdvvTLUotWtPSD7asWDV9/CmsZPy8Hf70A==
+
+fill-range@^7.1.1:
+  version "7.1.1"
+  resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-7.1.1.tgz#44265d3cac07e3ea7dc247516380643754a05292"
+  integrity sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==
+  dependencies:
+    to-regex-range "^5.0.1"
+
+filter-obj@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/filter-obj/-/filter-obj-1.1.0.tgz#9b311112bc6c6127a16e016c6c5d7f19e0805c5b"
+  integrity sha512-8rXg1ZnX7xzy2NGDVkBVaAy+lSlPNwad13BtgSlLuxfIslyt5Vg64U7tFcCt4WS1R0hvtnQybT/IyCkGZ3DpXQ==
+
+for-each@^0.3.3:
+  version "0.3.3"
+  resolved "https://registry.yarnpkg.com/for-each/-/for-each-0.3.3.tgz#69b447e88a0a5d32c3e7084f3f1710034b21376e"
+  integrity sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==
+  dependencies:
+    is-callable "^1.1.3"
+
+fsevents@~2.3.2:
+  version "2.3.3"
+  resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.3.tgz#cac6407785d03675a2a5e1a5305c697b347d90d6"
+  integrity sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==
+
+function-bind@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.2.tgz#2c02d864d97f3ea6c8830c464cbd11ab6eab7a1c"
+  integrity sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==
+
+function.prototype.name@^1.1.6, function.prototype.name@^1.1.7:
+  version "1.1.8"
+  resolved "https://registry.yarnpkg.com/function.prototype.name/-/function.prototype.name-1.1.8.tgz#e68e1df7b259a5c949eeef95cdbde53edffabb78"
+  integrity sha512-e5iwyodOHhbMr/yNrc7fDYG4qlbIvI5gajyzPnb5TCwyhjApznQh1BMFou9b30SevY43gCJKXycoCBjMbsuW0Q==
+  dependencies:
+    call-bind "^1.0.8"
+    call-bound "^1.0.3"
+    define-properties "^1.2.1"
+    functions-have-names "^1.2.3"
+    hasown "^2.0.2"
+    is-callable "^1.2.7"
+
+functions-have-names@^1.2.3:
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/functions-have-names/-/functions-have-names-1.2.3.tgz#0404fe4ee2ba2f607f0e0ec3c80bae994133b834"
+  integrity sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==
+
+get-intrinsic@^1.2.4, get-intrinsic@^1.2.5, get-intrinsic@^1.2.6:
+  version "1.2.6"
+  resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.2.6.tgz#43dd3dd0e7b49b82b2dfcad10dc824bf7fc265d5"
+  integrity sha512-qxsEs+9A+u85HhllWJJFicJfPDhRmjzoYdl64aMWW9yRIJmSyxdn8IEkuIM530/7T+lv0TIHd8L6Q/ra0tEoeA==
+  dependencies:
+    call-bind-apply-helpers "^1.0.1"
+    dunder-proto "^1.0.0"
+    es-define-property "^1.0.1"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.0.0"
+    function-bind "^1.1.2"
+    gopd "^1.2.0"
+    has-symbols "^1.1.0"
+    hasown "^2.0.2"
+    math-intrinsics "^1.0.0"
+
+get-port-please@^3.1.2:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/get-port-please/-/get-port-please-3.1.2.tgz#502795e56217128e4183025c89a48c71652f4e49"
+  integrity sha512-Gxc29eLs1fbn6LQ4jSU4vXjlwyZhF5HsGuMAa7gqBP4Rw4yxxltyDUuF5MBclFzDTXO+ACchGQoeela4DSfzdQ==
+
+get-stream@^8.0.1:
+  version "8.0.1"
+  resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-8.0.1.tgz#def9dfd71742cd7754a7761ed43749a27d02eca2"
+  integrity sha512-VaUJspBffn/LMCJVoMvSAdmscJyS1auj5Zulnn5UoYcY531UWmdwhRWkcGKnGU93m5HSXP9LP2usOryrBtQowA==
+
+get-symbol-description@^1.0.2:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/get-symbol-description/-/get-symbol-description-1.1.0.tgz#7bdd54e0befe8ffc9f3b4e203220d9f1e881b6ee"
+  integrity sha512-w9UMqWwJxHNOvoNzSJ2oPF5wvYcvP7jUvYzhp67yEhTi17ZDBBC1z9pTdGuzjD+EFIqLSYRweZjqfiPzQ06Ebg==
+  dependencies:
+    call-bound "^1.0.3"
+    es-errors "^1.3.0"
+    get-intrinsic "^1.2.6"
+
+glob-parent@~5.1.2:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.2.tgz#869832c58034fe68a4093c17dc15e8340d8401c4"
+  integrity sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==
+  dependencies:
+    is-glob "^4.0.1"
+
+globalthis@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/globalthis/-/globalthis-1.0.4.tgz#7430ed3a975d97bfb59bcce41f5cabbafa651236"
+  integrity sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==
+  dependencies:
+    define-properties "^1.2.1"
+    gopd "^1.0.1"
+
+gopd@^1.0.1, gopd@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/gopd/-/gopd-1.2.0.tgz#89f56b8217bdbc8802bd299df6d7f1081d7e51a1"
+  integrity sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==
+
+h3@^1.12.0, h3@^1.13.0:
+  version "1.13.0"
+  resolved "https://registry.yarnpkg.com/h3/-/h3-1.13.0.tgz#b5347a8936529794b6754b440e26c0ab8a60dceb"
+  integrity sha512-vFEAu/yf8UMUcB4s43OaDaigcqpQd14yanmOsn+NcRX3/guSKncyE2rOYhq8RIchgJrPSs/QiIddnTTR1ddiAg==
+  dependencies:
+    cookie-es "^1.2.2"
+    crossws ">=0.2.0 <0.4.0"
+    defu "^6.1.4"
+    destr "^2.0.3"
+    iron-webcrypto "^1.2.1"
+    ohash "^1.1.4"
+    radix3 "^1.1.2"
+    ufo "^1.5.4"
+    uncrypto "^0.1.3"
+    unenv "^1.10.0"
+
+has-bigints@^1.0.2:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/has-bigints/-/has-bigints-1.1.0.tgz#28607e965ac967e03cd2a2c70a2636a1edad49fe"
+  integrity sha512-R3pbpkcIqv2Pm3dUwgjclDRVmWpTJW2DcMzcIhEXEx1oh/CEMObMm3KLmRJOdvhM7o4uQBnwr8pzRK2sJWIqfg==
+
+has-property-descriptors@^1.0.0, has-property-descriptors@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz#963ed7d071dc7bf5f084c5bfbe0d1b6222586854"
+  integrity sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==
+  dependencies:
+    es-define-property "^1.0.0"
+
+has-proto@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/has-proto/-/has-proto-1.2.0.tgz#5de5a6eabd95fdffd9818b43055e8065e39fe9d5"
+  integrity sha512-KIL7eQPfHQRC8+XluaIw7BHUwwqL19bQn4hzNgdr+1wXoU0KKj6rufu47lhY7KbJR2C6T6+PfyN0Ea7wkSS+qQ==
+  dependencies:
+    dunder-proto "^1.0.0"
+
+has-symbols@^1.0.3, has-symbols@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.1.0.tgz#fc9c6a783a084951d0b971fe1018de813707a338"
+  integrity sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==
+
+has-tostringtag@^1.0.0, has-tostringtag@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/has-tostringtag/-/has-tostringtag-1.0.2.tgz#2cdc42d40bef2e5b4eeab7c01a73c54ce7ab5abc"
+  integrity sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==
+  dependencies:
+    has-symbols "^1.0.3"
+
+hash.js@1.1.7, hash.js@^1.0.0, hash.js@^1.0.3:
+  version "1.1.7"
+  resolved "https://registry.yarnpkg.com/hash.js/-/hash.js-1.1.7.tgz#0babca538e8d4ee4a0f8988d68866537a003cf42"
+  integrity sha512-taOaskGt4z4SOANNseOviYDvjEJinIkRgmp7LbKP2YTTmVxWBl87s/uzK9r+44BclBSp2X7K1hqeNfz9JbBeXA==
+  dependencies:
+    inherits "^2.0.3"
+    minimalistic-assert "^1.0.1"
+
+hasown@^2.0.0, hasown@^2.0.1, hasown@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/hasown/-/hasown-2.0.2.tgz#003eaf91be7adc372e84ec59dc37252cedb80003"
+  integrity sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==
+  dependencies:
+    function-bind "^1.1.2"
+
+hmac-drbg@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/hmac-drbg/-/hmac-drbg-1.0.1.tgz#d2745701025a6c775a6c545793ed502fc0c649a1"
+  integrity sha512-Tti3gMqLdZfhOQY1Mzf/AanLiqh1WTiJgEj26ZuYQ9fbkLomzGchCws4FyrSd4VkpBfiNhaE1On+lOz894jvXg==
+  dependencies:
+    hash.js "^1.0.3"
+    minimalistic-assert "^1.0.0"
+    minimalistic-crypto-utils "^1.0.1"
+
+http-shutdown@^1.2.2:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/http-shutdown/-/http-shutdown-1.2.2.tgz#41bc78fc767637c4c95179bc492f312c0ae64c5f"
+  integrity sha512-S9wWkJ/VSY9/k4qcjG318bqJNruzE4HySUhFYknwmu6LBP97KLLfwNf+n4V1BHurvFNkSKLFnK/RsuUnRTf9Vw==
+
+human-signals@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/human-signals/-/human-signals-5.0.0.tgz#42665a284f9ae0dade3ba41ebc37eb4b852f3a28"
+  integrity sha512-AXcZb6vzzrFAUE61HnN4mpLqd/cSIwNQjtNWR0euPm6y0iqx3G4gOXaIDdtdDwZmhwe82LA6+zinmW4UBWVePQ==
+
+idb-keyval@^6.2.1:
+  version "6.2.1"
+  resolved "https://registry.yarnpkg.com/idb-keyval/-/idb-keyval-6.2.1.tgz#94516d625346d16f56f3b33855da11bfded2db33"
+  integrity sha512-8Sb3veuYCyrZL+VBt9LJfZjLUPWVvqn8tG28VqYNFCo43KHcKuq+b4EiXGeuaLAQWL2YmyDgMp2aSpH9JHsEQg==
+
+inherits@^2.0.3, inherits@^2.0.4:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.4.tgz#0fa2c64f932917c3433a0ded55363aae37416b7c"
+  integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
+
+internal-slot@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/internal-slot/-/internal-slot-1.1.0.tgz#1eac91762947d2f7056bc838d93e13b2e9604961"
+  integrity sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==
+  dependencies:
+    es-errors "^1.3.0"
+    hasown "^2.0.2"
+    side-channel "^1.1.0"
+
+iron-webcrypto@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/iron-webcrypto/-/iron-webcrypto-1.2.1.tgz#aa60ff2aa10550630f4c0b11fd2442becdb35a6f"
+  integrity sha512-feOM6FaSr6rEABp/eDfVseKyTMDt+KGpeB35SkVn9Tyn0CqvVsY3EwI0v5i8nMHyJnzCIQf7nsy3p41TPkJZhg==
+
+is-array-buffer@^3.0.4, is-array-buffer@^3.0.5:
+  version "3.0.5"
+  resolved "https://registry.yarnpkg.com/is-array-buffer/-/is-array-buffer-3.0.5.tgz#65742e1e687bd2cc666253068fd8707fe4d44280"
+  integrity sha512-DDfANUiiG2wC1qawP66qlTugJeL5HyzMpfr8lLK+jMQirGzNod0B12cFB/9q838Ru27sBwfw78/rdoU7RERz6A==
+  dependencies:
+    call-bind "^1.0.8"
+    call-bound "^1.0.3"
+    get-intrinsic "^1.2.6"
+
+is-async-function@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/is-async-function/-/is-async-function-2.0.0.tgz#8e4418efd3e5d3a6ebb0164c05ef5afb69aa9646"
+  integrity sha512-Y1JXKrfykRJGdlDwdKlLpLyMIiWqWvuSd17TvZk68PLAOGOoF4Xyav1z0Xhoi+gCYjZVeC5SI+hYFOfvXmGRCA==
+  dependencies:
+    has-tostringtag "^1.0.0"
+
+is-bigint@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/is-bigint/-/is-bigint-1.1.0.tgz#dda7a3445df57a42583db4228682eba7c4170672"
+  integrity sha512-n4ZT37wG78iz03xPRKJrHTdZbe3IicyucEtdRsV5yglwc3GyUfbAfpSeD0FJ41NbUNSt5wbhqfp1fS+BgnvDFQ==
+  dependencies:
+    has-bigints "^1.0.2"
+
+is-binary-path@~2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/is-binary-path/-/is-binary-path-2.1.0.tgz#ea1f7f3b80f064236e83470f86c09c254fb45b09"
+  integrity sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==
+  dependencies:
+    binary-extensions "^2.0.0"
+
+is-boolean-object@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/is-boolean-object/-/is-boolean-object-1.2.1.tgz#c20d0c654be05da4fbc23c562635c019e93daf89"
+  integrity sha512-l9qO6eFlUETHtuihLcYOaLKByJ1f+N4kthcU9YjHy3N+B3hWv0y/2Nd0mu/7lTFnRQHTrSdXF50HQ3bl5fEnng==
+  dependencies:
+    call-bound "^1.0.2"
+    has-tostringtag "^1.0.2"
+
+is-callable@^1.1.3, is-callable@^1.2.7:
+  version "1.2.7"
+  resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.2.7.tgz#3bc2a85ea742d9e36205dcacdd72ca1fdc51b055"
+  integrity sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==
+
+is-core-module@^2.13.0, is-core-module@^2.15.1, is-core-module@^2.16.0:
+  version "2.16.0"
+  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.16.0.tgz#6c01ffdd5e33c49c1d2abfa93334a85cb56bd81c"
+  integrity sha512-urTSINYfAYgcbLb0yDQ6egFm6h3Mo1DcF9EkyXSRjjzdHbsulg01qhwWuXdOoUBuTkbQ80KDboXa0vFJ+BDH+g==
+  dependencies:
+    hasown "^2.0.2"
+
+is-data-view@^1.0.1, is-data-view@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/is-data-view/-/is-data-view-1.0.2.tgz#bae0a41b9688986c2188dda6657e56b8f9e63b8e"
+  integrity sha512-RKtWF8pGmS87i2D6gqQu/l7EYRlVdfzemCJN/P3UOs//x1QE7mfhvzHIApBTRf7axvT6DMGwSwBXYCT0nfB9xw==
+  dependencies:
+    call-bound "^1.0.2"
+    get-intrinsic "^1.2.6"
+    is-typed-array "^1.1.13"
+
+is-date-object@^1.0.5, is-date-object@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/is-date-object/-/is-date-object-1.1.0.tgz#ad85541996fc7aa8b2729701d27b7319f95d82f7"
+  integrity sha512-PwwhEakHVKTdRNVOw+/Gyh0+MzlCl4R6qKvkhuvLtPMggI1WAHt9sOwZxQLSGpUaDnrdyDsomoRgNnCfKNSXXg==
+  dependencies:
+    call-bound "^1.0.2"
+    has-tostringtag "^1.0.2"
+
+is-docker@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/is-docker/-/is-docker-3.0.0.tgz#90093aa3106277d8a77a5910dbae71747e15a200"
+  integrity sha512-eljcgEDlEns/7AXFosB5K/2nCM4P7FQPkGc/DWLy5rmFEWvZayGrik1d9/QIY5nJ4f9YsVvBkA6kJpHn9rISdQ==
+
+is-extglob@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
+  integrity sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==
+
+is-finalizationregistry@^1.1.0:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/is-finalizationregistry/-/is-finalizationregistry-1.1.1.tgz#eefdcdc6c94ddd0674d9c85887bf93f944a97c90"
+  integrity sha512-1pC6N8qWJbWoPtEjgcL2xyhQOP491EQjeUo3qTKcmV8YSDDJrOepfG8pcC7h/QgnQHYSv0mJ3Z/ZWxmatVrysg==
+  dependencies:
+    call-bound "^1.0.3"
+
+is-generator-function@^1.0.10:
+  version "1.0.10"
+  resolved "https://registry.yarnpkg.com/is-generator-function/-/is-generator-function-1.0.10.tgz#f1558baf1ac17e0deea7c0415c438351ff2b3c72"
+  integrity sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==
+  dependencies:
+    has-tostringtag "^1.0.0"
+
+is-glob@^4.0.1, is-glob@^4.0.3, is-glob@~4.0.1:
+  version "4.0.3"
+  resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-4.0.3.tgz#64f61e42cbbb2eec2071a9dac0b28ba1e65d5084"
+  integrity sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==
+  dependencies:
+    is-extglob "^2.1.1"
+
+is-inside-container@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-inside-container/-/is-inside-container-1.0.0.tgz#e81fba699662eb31dbdaf26766a61d4814717ea4"
+  integrity sha512-KIYLCCJghfHZxqjYBE7rEy0OBuTd5xCHS7tHVgvCLkx7StIoaxwNW3hCALgEUjFfeRk+MG/Qxmp/vtETEF3tRA==
+  dependencies:
+    is-docker "^3.0.0"
+
+is-map@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/is-map/-/is-map-2.0.3.tgz#ede96b7fe1e270b3c4465e3a465658764926d62e"
+  integrity sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==
+
+is-negative-zero@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/is-negative-zero/-/is-negative-zero-2.0.3.tgz#ced903a027aca6381b777a5743069d7376a49747"
+  integrity sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==
+
+is-number-object@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/is-number-object/-/is-number-object-1.1.1.tgz#144b21e95a1bc148205dcc2814a9134ec41b2541"
+  integrity sha512-lZhclumE1G6VYD8VHe35wFaIif+CTy5SJIi5+3y4psDgWu4wPDoBhF8NxUOinEc7pHgiTsT6MaBb92rKhhD+Xw==
+  dependencies:
+    call-bound "^1.0.3"
+    has-tostringtag "^1.0.2"
+
+is-number@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/is-number/-/is-number-7.0.0.tgz#7535345b896734d5f80c4d06c50955527a14f12b"
+  integrity sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==
+
+is-promise@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/is-promise/-/is-promise-4.0.0.tgz#42ff9f84206c1991d26debf520dd5c01042dd2f3"
+  integrity sha512-hvpoI6korhJMnej285dSg6nu1+e6uxs7zG3BYAm5byqDsgJNWwxzM6z6iZiAgQR4TJ30JmBTOwqZUw3WlyH3AQ==
+
+is-regex@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/is-regex/-/is-regex-1.2.1.tgz#76d70a3ed10ef9be48eb577887d74205bf0cad22"
+  integrity sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==
+  dependencies:
+    call-bound "^1.0.2"
+    gopd "^1.2.0"
+    has-tostringtag "^1.0.2"
+    hasown "^2.0.2"
+
+is-set@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/is-set/-/is-set-2.0.3.tgz#8ab209ea424608141372ded6e0cb200ef1d9d01d"
+  integrity sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg==
+
+is-shared-array-buffer@^1.0.3:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/is-shared-array-buffer/-/is-shared-array-buffer-1.0.4.tgz#9b67844bd9b7f246ba0708c3a93e34269c774f6f"
+  integrity sha512-ISWac8drv4ZGfwKl5slpHG9OwPNty4jOWPRIhBpxOoD+hqITiwuipOQ2bNthAzwA3B4fIjO4Nln74N0S9byq8A==
+  dependencies:
+    call-bound "^1.0.3"
+
+is-stream@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-3.0.0.tgz#e6bfd7aa6bef69f4f472ce9bb681e3e57b4319ac"
+  integrity sha512-LnQR4bZ9IADDRSkvpqMGvt/tEJWclzklNgSw48V5EAaAeDd6qGvN8ei6k5p0tvxSR171VmGyHuTiAOfxAbr8kA==
+
+is-string@^1.0.7, is-string@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/is-string/-/is-string-1.1.1.tgz#92ea3f3d5c5b6e039ca8677e5ac8d07ea773cbb9"
+  integrity sha512-BtEeSsoaQjlSPBemMQIrY1MY0uM6vnS1g5fmufYOtnxLGUZM2178PKbhsk7Ffv58IX+ZtcvoGwccYsh0PglkAA==
+  dependencies:
+    call-bound "^1.0.3"
+    has-tostringtag "^1.0.2"
+
+is-symbol@^1.0.4, is-symbol@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/is-symbol/-/is-symbol-1.1.1.tgz#f47761279f532e2b05a7024a7506dbbedacd0634"
+  integrity sha512-9gGx6GTtCQM73BgmHQXfDmLtfjjTUDSyoxTCbp5WtoixAhfgsDirWIcVQ/IHpvI5Vgd5i/J5F7B9cN/WlVbC/w==
+  dependencies:
+    call-bound "^1.0.2"
+    has-symbols "^1.1.0"
+    safe-regex-test "^1.1.0"
+
+is-typed-array@^1.1.13, is-typed-array@^1.1.14, is-typed-array@^1.1.15:
+  version "1.1.15"
+  resolved "https://registry.yarnpkg.com/is-typed-array/-/is-typed-array-1.1.15.tgz#4bfb4a45b61cee83a5a46fba778e4e8d59c0ce0b"
+  integrity sha512-p3EcsicXjit7SaskXHs1hA91QxgTw46Fv6EFKKGS5DRFLD8yKnohjF3hxoju94b/OcMZoQukzpPpBE9uLVKzgQ==
+  dependencies:
+    which-typed-array "^1.1.16"
+
+is-weakmap@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/is-weakmap/-/is-weakmap-2.0.2.tgz#bf72615d649dfe5f699079c54b83e47d1ae19cfd"
+  integrity sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==
+
+is-weakref@^1.0.2, is-weakref@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/is-weakref/-/is-weakref-1.1.0.tgz#47e3472ae95a63fa9cf25660bcf0c181c39770ef"
+  integrity sha512-SXM8Nwyys6nT5WP6pltOwKytLV7FqQ4UiibxVmW+EIosHcmCqkkjViTb5SNssDlkCiEYRP1/pdWUKVvZBmsR2Q==
+  dependencies:
+    call-bound "^1.0.2"
+
+is-weakset@^2.0.3:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/is-weakset/-/is-weakset-2.0.4.tgz#c9f5deb0bc1906c6d6f1027f284ddf459249daca"
+  integrity sha512-mfcwb6IzQyOKTs84CQMrOwW4gQcaTOAWJ0zzJCl2WSPDrWk/OzDaImWFH3djXhb24g4eudZfLRozAvPGw4d9hQ==
+  dependencies:
+    call-bound "^1.0.3"
+    get-intrinsic "^1.2.6"
+
+is-wsl@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/is-wsl/-/is-wsl-3.1.0.tgz#e1c657e39c10090afcbedec61720f6b924c3cbd2"
+  integrity sha512-UcVfVfaK4Sc4m7X3dUSoHoozQGBEFeDC+zVo06t98xe8CzHSZZBekNXH+tu0NalHolcJ/QAGqS46Hef7QXBIMw==
+  dependencies:
+    is-inside-container "^1.0.0"
+
+is64bit@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/is64bit/-/is64bit-2.0.0.tgz#198c627cbcb198bbec402251f88e5e1a51236c07"
+  integrity sha512-jv+8jaWCl0g2lSBkNSVXdzfBA0npK1HGC2KtWM9FumFRoGS94g3NbCCLVnCYHLjp4GrW2KZeeSTMo5ddtznmGw==
+  dependencies:
+    system-architecture "^0.1.0"
+
+isarray@^2.0.5:
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/isarray/-/isarray-2.0.5.tgz#8af1e4c1221244cc62459faf38940d4e644a5723"
+  integrity sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==
+
+isexe@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/isexe/-/isexe-2.0.0.tgz#e8fbf374dc556ff8947a10dcb0572d633f2cfa10"
+  integrity sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==
+
+jiti@^2.1.2:
+  version "2.4.2"
+  resolved "https://registry.yarnpkg.com/jiti/-/jiti-2.4.2.tgz#d19b7732ebb6116b06e2038da74a55366faef560"
+  integrity sha512-rg9zJN+G4n2nfJl5MW3BMygZX56zKPNVEYYqq7adpmMh4Jn2QNEwhvQlFy6jPVdcod7txZtKHWnyZiA3a0zP7A==
+
+js-sha3@0.8.0:
+  version "0.8.0"
+  resolved "https://registry.yarnpkg.com/js-sha3/-/js-sha3-0.8.0.tgz#b9b7a5da73afad7dedd0f8c463954cbde6818840"
+  integrity sha512-gF1cRrHhIzNfToc802P800N8PpXS+evLLXfsVpowqmAFR9uwbi89WvXg2QspOmXL8QL86J4T1EpFu+yUkwJY3Q==
+
+json5@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/json5/-/json5-1.0.2.tgz#63d98d60f21b313b77c4d6da18bfa69d80e1d593"
+  integrity sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==
+  dependencies:
+    minimist "^1.2.0"
+
+keyvaluestorage-interface@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/keyvaluestorage-interface/-/keyvaluestorage-interface-1.0.0.tgz#13ebdf71f5284ad54be94bd1ad9ed79adad515ff"
+  integrity sha512-8t6Q3TclQ4uZynJY9IGr2+SsIGwK9JHcO6ootkHCGA0CrQCRy+VkouYNO2xicET6b9al7QKzpebNow+gkpCL8g==
+
+listhen@^1.9.0:
+  version "1.9.0"
+  resolved "https://registry.yarnpkg.com/listhen/-/listhen-1.9.0.tgz#59355f7e4fc1eefda6bc494ae7e9ed13aa7658ef"
+  integrity sha512-I8oW2+QL5KJo8zXNWX046M134WchxsXC7SawLPvRQpogCbkyQIaFxPE89A2HiwR7vAK2Dm2ERBAmyjTYGYEpBg==
+  dependencies:
+    "@parcel/watcher" "^2.4.1"
+    "@parcel/watcher-wasm" "^2.4.1"
+    citty "^0.1.6"
+    clipboardy "^4.0.0"
+    consola "^3.2.3"
+    crossws ">=0.2.0 <0.4.0"
+    defu "^6.1.4"
+    get-port-please "^3.1.2"
+    h3 "^1.12.0"
+    http-shutdown "^1.2.2"
+    jiti "^2.1.2"
+    mlly "^1.7.1"
+    node-forge "^1.3.1"
+    pathe "^1.1.2"
+    std-env "^3.7.0"
+    ufo "^1.5.4"
+    untun "^0.1.3"
+    uqr "^0.1.2"
+
+lodash-es@^4.17.21:
+  version "4.17.21"
+  resolved "https://registry.yarnpkg.com/lodash-es/-/lodash-es-4.17.21.tgz#43e626c46e6591b7750beb2b50117390c609e3ee"
+  integrity sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==
+
+lodash.isequal@4.5.0:
+  version "4.5.0"
+  resolved "https://registry.yarnpkg.com/lodash.isequal/-/lodash.isequal-4.5.0.tgz#415c4478f2bcc30120c22ce10ed3226f7d3e18e0"
+  integrity sha512-pDo3lu8Jhfjqls6GkMgpahsF9kCyayhgykjyLMNFTKWrpVdAQtYyB4muAMWozBB4ig/dtWAmsMxLEI8wuz+DYQ==
+
+lru-cache@^10.4.3:
+  version "10.4.3"
+  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-10.4.3.tgz#410fc8a17b70e598013df257c2446b7f3383f119"
+  integrity sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==
+
+math-intrinsics@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/math-intrinsics/-/math-intrinsics-1.1.0.tgz#a0dd74be81e2aa5c2f27e65ce283605ee4e2b7f9"
+  integrity sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==
+
+merge-stream@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/merge-stream/-/merge-stream-2.0.0.tgz#52823629a14dd00c9770fb6ad47dc6310f2c1f60"
+  integrity sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==
+
+micromatch@^4.0.5:
+  version "4.0.8"
+  resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.8.tgz#d66fa18f3a47076789320b9b1af32bd86d9fa202"
+  integrity sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==
+  dependencies:
+    braces "^3.0.3"
+    picomatch "^2.3.1"
+
+mime@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/mime/-/mime-3.0.0.tgz#b374550dca3a0c18443b0c950a6a58f1931cf7a7"
+  integrity sha512-jSCU7/VB1loIWBZe14aEYHU/+1UMEHoaO7qxCOVJOw9GgH72VAWppxNcjU+x9a2k3GSIBXNKxXQFqRvvZ7vr3A==
+
+mimic-fn@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-4.0.0.tgz#60a90550d5cb0b239cca65d893b1a53b29871ecc"
+  integrity sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==
+
+minimalistic-assert@^1.0.0, minimalistic-assert@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz#2e194de044626d4a10e7f7fbc00ce73e83e4d5c7"
+  integrity sha512-UtJcAD4yEaGtjPezWuO9wC4nwUnVH/8/Im3yEHQP4b67cXlD/Qr9hdITCU1xDbSEXg2XKNaP8jsReV7vQd00/A==
+
+minimalistic-crypto-utils@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/minimalistic-crypto-utils/-/minimalistic-crypto-utils-1.0.1.tgz#f6c00c1c0b082246e5c4d99dfb8c7c083b2b582a"
+  integrity sha512-JIYlbt6g8i5jKfJ3xz7rF0LXmv2TkDxBLUkiBeZ7bAx4GnnNMr8xFpGnOxn6GhTEHx3SjRrZEoU+j04prX1ktg==
+
+minimatch@^3.1.2:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.1.2.tgz#19cd194bfd3e428f049a70817c038d89ab4be35b"
+  integrity sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==
+  dependencies:
+    brace-expansion "^1.1.7"
+
+minimist@^1.2.0, minimist@^1.2.6:
+  version "1.2.8"
+  resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.8.tgz#c1a464e7693302e082a075cee0c057741ac4772c"
+  integrity sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==
+
+mlly@^1.7.1, mlly@^1.7.2:
+  version "1.7.3"
+  resolved "https://registry.yarnpkg.com/mlly/-/mlly-1.7.3.tgz#d86c0fcd8ad8e16395eb764a5f4b831590cee48c"
+  integrity sha512-xUsx5n/mN0uQf4V548PKQ+YShA4/IW0KI1dZhrNrPCLG+xizETbHTkOa1f8/xut9JRPp8kQuMnz0oqwkTiLo/A==
+  dependencies:
+    acorn "^8.14.0"
+    pathe "^1.1.2"
+    pkg-types "^1.2.1"
+    ufo "^1.5.4"
+
+ms@^2.1.1:
+  version "2.1.3"
+  resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.3.tgz#574c8138ce1d2b5861f0b44579dbadd60c6615b2"
+  integrity sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==
+
+multiformats@^9.4.2:
+  version "9.9.0"
+  resolved "https://registry.yarnpkg.com/multiformats/-/multiformats-9.9.0.tgz#c68354e7d21037a8f1f8833c8ccd68618e8f1d37"
+  integrity sha512-HoMUjhH9T8DDBNT+6xzkrd9ga/XiBI4xLr58LJACwK6G3HTOPeMz4nB4KJs33L2BelrIJa7P0VuNaVF3hMYfjg==
+
+napi-wasm@^1.1.0:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/napi-wasm/-/napi-wasm-1.1.3.tgz#7bb95c88e6561f84880bb67195437b1cfbe99224"
+  integrity sha512-h/4nMGsHjZDCYmQVNODIrYACVJ+I9KItbG+0si6W/jSjdA9JbWDoU4LLeMXVcEQGHjttI2tuXqDrbGF7qkUHHg==
+
+node-addon-api@^7.0.0:
+  version "7.1.1"
+  resolved "https://registry.yarnpkg.com/node-addon-api/-/node-addon-api-7.1.1.tgz#1aba6693b0f255258a049d621329329322aad558"
+  integrity sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==
+
+node-fetch-native@^1.6.4:
+  version "1.6.4"
+  resolved "https://registry.yarnpkg.com/node-fetch-native/-/node-fetch-native-1.6.4.tgz#679fc8fd8111266d47d7e72c379f1bed9acff06e"
+  integrity sha512-IhOigYzAKHd244OC0JIMIUrjzctirCmPkaIfhDeGcEETWof5zKYUW7e7MYvChGWh/4CJeXEgsRyGzuF334rOOQ==
+
+node-forge@^1.3.1:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/node-forge/-/node-forge-1.3.1.tgz#be8da2af243b2417d5f646a770663a92b7e9ded3"
+  integrity sha512-dPEtOeMvF9VMcYV/1Wb8CPoVAXtp6MKMlcbAt4ddqmGqUJ6fQZFXkNZNkNlfevtNkGtaSoXf/vNNNSvgrdXwtA==
+
+normalize-path@^3.0.0, normalize-path@~3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/normalize-path/-/normalize-path-3.0.0.tgz#0dcd69ff23a1c9b11fd0978316644a0388216a65"
+  integrity sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==
+
+npm-run-path@^5.1.0:
+  version "5.3.0"
+  resolved "https://registry.yarnpkg.com/npm-run-path/-/npm-run-path-5.3.0.tgz#e23353d0ebb9317f174e93417e4a4d82d0249e9f"
+  integrity sha512-ppwTtiJZq0O/ai0z7yfudtBpWIoxM8yE6nHi1X47eFR2EWORqfbu6CnPlNsjeN683eT0qG6H/Pyf9fCcvjnnnQ==
+  dependencies:
+    path-key "^4.0.0"
+
+object-inspect@^1.13.3:
+  version "1.13.3"
+  resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.13.3.tgz#f14c183de51130243d6d18ae149375ff50ea488a"
+  integrity sha512-kDCGIbxkDSXE3euJZZXzc6to7fCrKHNI/hSRQnRuQ+BWjFNzZwiFF8fj/6o2t2G9/jTj8PSIYTfCLelLZEeRpA==
+
+object-keys@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/object-keys/-/object-keys-1.1.1.tgz#1c47f272df277f3b1daf061677d9c82e2322c60e"
+  integrity sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==
+
+object.assign@^4.1.5:
+  version "4.1.7"
+  resolved "https://registry.yarnpkg.com/object.assign/-/object.assign-4.1.7.tgz#8c14ca1a424c6a561b0bb2a22f66f5049a945d3d"
+  integrity sha512-nK28WOo+QIjBkDduTINE4JkF/UJJKyf2EJxvJKfblDpyg0Q+pkOHNTL0Qwy6NP6FhE/EnzV73BxxqcJaXY9anw==
+  dependencies:
+    call-bind "^1.0.8"
+    call-bound "^1.0.3"
+    define-properties "^1.2.1"
+    es-object-atoms "^1.0.0"
+    has-symbols "^1.1.0"
+    object-keys "^1.1.1"
+
+object.fromentries@^2.0.8:
+  version "2.0.8"
+  resolved "https://registry.yarnpkg.com/object.fromentries/-/object.fromentries-2.0.8.tgz#f7195d8a9b97bd95cbc1999ea939ecd1a2b00c65"
+  integrity sha512-k6E21FzySsSK5a21KRADBd/NGneRegFO5pLHfdQLpRDETUNJueLXs3WCzyQ3tFRDYgbq3KHGXfTbi2bs8WQ6rQ==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.2"
+    es-object-atoms "^1.0.0"
+
+object.groupby@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/object.groupby/-/object.groupby-1.0.3.tgz#9b125c36238129f6f7b61954a1e7176148d5002e"
+  integrity sha512-+Lhy3TQTuzXI5hevh8sBGqbmurHbbIjAi0Z4S63nthVLmLxfbj4T54a4CfZrXIrt9iP4mVAPYMo/v99taj3wjQ==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.2"
+
+object.values@^1.2.0:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/object.values/-/object.values-1.2.1.tgz#deed520a50809ff7f75a7cfd4bc64c7a038c6216"
+  integrity sha512-gXah6aZrcUxjWg2zR2MwouP2eHlCBzdV4pygudehaKXSGW4v2AsRQUK+lwwXhii6KFZcunEnmSUoYp5CXibxtA==
+  dependencies:
+    call-bind "^1.0.8"
+    call-bound "^1.0.3"
+    define-properties "^1.2.1"
+    es-object-atoms "^1.0.0"
+
+ofetch@^1.4.1:
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/ofetch/-/ofetch-1.4.1.tgz#b6bf6b0d75ba616cef6519dd8b6385a8bae480ec"
+  integrity sha512-QZj2DfGplQAr2oj9KzceK9Hwz6Whxazmn85yYeVuS3u9XTMOGMRx0kO95MQ+vLsj/S/NwBDMMLU5hpxvI6Tklw==
+  dependencies:
+    destr "^2.0.3"
+    node-fetch-native "^1.6.4"
+    ufo "^1.5.4"
+
+ohash@^1.1.4:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/ohash/-/ohash-1.1.4.tgz#ae8d83014ab81157d2c285abf7792e2995fadd72"
+  integrity sha512-FlDryZAahJmEF3VR3w1KogSEdWX3WhA5GPakFx4J81kEAiHyLMpdLLElS8n8dfNadMgAne/MywcvmogzscVt4g==
+
+on-exit-leak-free@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/on-exit-leak-free/-/on-exit-leak-free-0.2.0.tgz#b39c9e3bf7690d890f4861558b0d7b90a442d209"
+  integrity sha512-dqaz3u44QbRXQooZLTUKU41ZrzYrcvLISVgbrzbyCMxpmSLJvZ3ZamIJIZ29P6OhZIkNIQKosdeM6t1LYbA9hg==
+
+once@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/once/-/once-1.4.0.tgz#583b1aa775961d4b113ac17d9c50baef9dd76bd1"
+  integrity sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==
+  dependencies:
+    wrappy "1"
+
+onetime@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/onetime/-/onetime-6.0.0.tgz#7c24c18ed1fd2e9bca4bd26806a33613c77d34b4"
+  integrity sha512-1FlR+gjXK7X+AsAHso35MnyN5KqGwJRi/31ft6x0M194ht7S+rWAvd7PHss9xSKMzE0asv1pyIHaJYq+BbacAQ==
+  dependencies:
+    mimic-fn "^4.0.0"
+
+path-key@^3.1.0:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/path-key/-/path-key-3.1.1.tgz#581f6ade658cbba65a0d3380de7753295054f375"
+  integrity sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==
+
+path-key@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/path-key/-/path-key-4.0.0.tgz#295588dc3aee64154f877adb9d780b81c554bf18"
+  integrity sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==
+
+path-parse@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.7.tgz#fbc114b60ca42b30d9daf5858e4bd68bbedb6735"
+  integrity sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==
+
+pathe@^1.1.1, pathe@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/pathe/-/pathe-1.1.2.tgz#6c4cb47a945692e48a1ddd6e4094d170516437ec"
+  integrity sha512-whLdWMYL2TwI08hn8/ZqAbrVemu0LNaNNJZX73O6qaIdCTfXutsLhMkjdENX0qhsQ9uIimo4/aQOmXkoon2nDQ==
+
+picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.3.1:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42"
+  integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==
+
+pino-abstract-transport@v0.5.0:
+  version "0.5.0"
+  resolved "https://registry.yarnpkg.com/pino-abstract-transport/-/pino-abstract-transport-0.5.0.tgz#4b54348d8f73713bfd14e3dc44228739aa13d9c0"
+  integrity sha512-+KAgmVeqXYbTtU2FScx1XS3kNyfZ5TrXY07V96QnUSFqo2gAqlvmaxH67Lj7SWazqsMabf+58ctdTcBgnOLUOQ==
+  dependencies:
+    duplexify "^4.1.2"
+    split2 "^4.0.0"
+
+pino-std-serializers@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/pino-std-serializers/-/pino-std-serializers-4.0.0.tgz#1791ccd2539c091ae49ce9993205e2cd5dbba1e2"
+  integrity sha512-cK0pekc1Kjy5w9V2/n+8MkZwusa6EyyxfeQCB799CQRhRt/CqYKiWs5adeu8Shve2ZNffvfC/7J64A2PJo1W/Q==
+
+pino@7.11.0:
+  version "7.11.0"
+  resolved "https://registry.yarnpkg.com/pino/-/pino-7.11.0.tgz#0f0ea5c4683dc91388081d44bff10c83125066f6"
+  integrity sha512-dMACeu63HtRLmCG8VKdy4cShCPKaYDR4youZqoSWLxl5Gu99HUw8bw75thbPv9Nip+H+QYX8o3ZJbTdVZZ2TVg==
+  dependencies:
+    atomic-sleep "^1.0.0"
+    fast-redact "^3.0.0"
+    on-exit-leak-free "^0.2.0"
+    pino-abstract-transport v0.5.0
+    pino-std-serializers "^4.0.0"
+    process-warning "^1.0.0"
+    quick-format-unescaped "^4.0.3"
+    real-require "^0.1.0"
+    safe-stable-stringify "^2.1.0"
+    sonic-boom "^2.2.1"
+    thread-stream "^0.15.1"
+
+pkg-types@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/pkg-types/-/pkg-types-1.2.1.tgz#6ac4e455a5bb4b9a6185c1c79abd544c901db2e5"
+  integrity sha512-sQoqa8alT3nHjGuTjuKgOnvjo4cljkufdtLMnO2LBP/wRwuDlo1tkaEdMxCRhyGRPacv/ztlZgDPm2b7FAmEvw==
+  dependencies:
+    confbox "^0.1.8"
+    mlly "^1.7.2"
+    pathe "^1.1.2"
+
+possible-typed-array-names@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/possible-typed-array-names/-/possible-typed-array-names-1.0.0.tgz#89bb63c6fada2c3e90adc4a647beeeb39cc7bf8f"
+  integrity sha512-d7Uw+eZoloe0EHDIYoe+bQ5WXnGMOpmiZFTuMWCwpjzzkL2nTjcKiAk4hh8TjnGye2TwWOk3UXucZ+3rbmBa8Q==
+
+process-warning@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/process-warning/-/process-warning-1.0.0.tgz#980a0b25dc38cd6034181be4b7726d89066b4616"
+  integrity sha512-du4wfLyj4yCZq1VupnVSZmRsPJsNuxoDQFdCFHLaYiEbFBD7QE0a+I4D7hOxrVnh78QE/YipFAj9lXHiXocV+Q==
+
+query-string@7.1.3:
+  version "7.1.3"
+  resolved "https://registry.yarnpkg.com/query-string/-/query-string-7.1.3.tgz#a1cf90e994abb113a325804a972d98276fe02328"
+  integrity sha512-hh2WYhq4fi8+b+/2Kg9CEge4fDPvHS534aOOvOZeQ3+Vf2mCFsaFBYj0i+iXcAq6I9Vzp5fjMFBlONvayDC1qg==
+  dependencies:
+    decode-uri-component "^0.2.2"
+    filter-obj "^1.1.0"
+    split-on-first "^1.0.0"
+    strict-uri-encode "^2.0.0"
+
+quick-format-unescaped@^4.0.3:
+  version "4.0.4"
+  resolved "https://registry.yarnpkg.com/quick-format-unescaped/-/quick-format-unescaped-4.0.4.tgz#93ef6dd8d3453cbc7970dd614fad4c5954d6b5a7"
+  integrity sha512-tYC1Q1hgyRuHgloV/YXs2w15unPVh8qfu/qCTfhTYamaw7fyhumKa2yGpdSo87vY32rIclj+4fWYQXUMs9EHvg==
+
+radix3@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/radix3/-/radix3-1.1.2.tgz#fd27d2af3896c6bf4bcdfab6427c69c2afc69ec0"
+  integrity sha512-b484I/7b8rDEdSDKckSSBA8knMpcdsXudlE/LNL639wFoHKwLbEkQFZHWEYwDC0wa0FKUcCY+GAF73Z7wxNVFA==
+
+readable-stream@^3.1.1:
+  version "3.6.2"
+  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-3.6.2.tgz#56a9b36ea965c00c5a93ef31eb111a0f11056967"
+  integrity sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==
+  dependencies:
+    inherits "^2.0.3"
+    string_decoder "^1.1.1"
+    util-deprecate "^1.0.1"
+
+readdirp@~3.6.0:
+  version "3.6.0"
+  resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-3.6.0.tgz#74a370bd857116e245b29cc97340cd431a02a6c7"
+  integrity sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==
+  dependencies:
+    picomatch "^2.2.1"
+
+real-require@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/real-require/-/real-require-0.1.0.tgz#736ac214caa20632847b7ca8c1056a0767df9381"
+  integrity sha512-r/H9MzAWtrv8aSVjPCMFpDMl5q66GqtmmRkRjpHTsp4zBAa+snZyiQNlMONiUmEJcsnaw0wCauJ2GWODr/aFkg==
+
+reflect.getprototypeof@^1.0.6, reflect.getprototypeof@^1.0.9:
+  version "1.0.9"
+  resolved "https://registry.yarnpkg.com/reflect.getprototypeof/-/reflect.getprototypeof-1.0.9.tgz#c905f3386008de95a62315f3ea8630404be19e2f"
+  integrity sha512-r0Ay04Snci87djAsI4U+WNRcSw5S4pOH7qFjd/veA5gC7TbqESR3tcj28ia95L/fYUDw11JKP7uqUKUAfVvV5Q==
+  dependencies:
+    call-bind "^1.0.8"
+    define-properties "^1.2.1"
+    dunder-proto "^1.0.1"
+    es-abstract "^1.23.6"
+    es-errors "^1.3.0"
+    get-intrinsic "^1.2.6"
+    gopd "^1.2.0"
+    which-builtin-type "^1.2.1"
+
+regexp.prototype.flags@^1.5.3:
+  version "1.5.3"
+  resolved "https://registry.yarnpkg.com/regexp.prototype.flags/-/regexp.prototype.flags-1.5.3.tgz#b3ae40b1d2499b8350ab2c3fe6ef3845d3a96f42"
+  integrity sha512-vqlC04+RQoFalODCbCumG2xIOvapzVMHwsyIGM/SIE8fRhFFsXeH8/QQ+s0T0kDAhKc4k30s73/0ydkHQz6HlQ==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-errors "^1.3.0"
+    set-function-name "^2.0.2"
+
+resolve@^1.22.4:
+  version "1.22.10"
+  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.10.tgz#b663e83ffb09bbf2386944736baae803029b8b39"
+  integrity sha512-NPRy+/ncIMeDlTAsuqwKIiferiawhefFJtkNSW0qZJEqMEb+qBt/77B/jGeeek+F0uOeN05CDa6HXbbIgtVX4w==
+  dependencies:
+    is-core-module "^2.16.0"
+    path-parse "^1.0.7"
+    supports-preserve-symlinks-flag "^1.0.0"
+
+safe-array-concat@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/safe-array-concat/-/safe-array-concat-1.1.3.tgz#c9e54ec4f603b0bbb8e7e5007a5ee7aecd1538c3"
+  integrity sha512-AURm5f0jYEOydBj7VQlVvDrjeFgthDdEF5H1dP+6mNpoXOMo1quQqJ4wvJDyRZ9+pO3kGWoOdmV08cSv2aJV6Q==
+  dependencies:
+    call-bind "^1.0.8"
+    call-bound "^1.0.2"
+    get-intrinsic "^1.2.6"
+    has-symbols "^1.1.0"
+    isarray "^2.0.5"
+
+safe-buffer@~5.2.0:
+  version "5.2.1"
+  resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.2.1.tgz#1eaf9fa9bdb1fdd4ec75f58f9cdb4e6b7827eec6"
+  integrity sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==
+
+safe-regex-test@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/safe-regex-test/-/safe-regex-test-1.1.0.tgz#7f87dfb67a3150782eaaf18583ff5d1711ac10c1"
+  integrity sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==
+  dependencies:
+    call-bound "^1.0.2"
+    es-errors "^1.3.0"
+    is-regex "^1.2.1"
+
+safe-stable-stringify@^2.1.0:
+  version "2.5.0"
+  resolved "https://registry.yarnpkg.com/safe-stable-stringify/-/safe-stable-stringify-2.5.0.tgz#4ca2f8e385f2831c432a719b108a3bf7af42a1dd"
+  integrity sha512-b3rppTKm9T+PsVCBEOUR46GWI7fdOs00VKZ1+9c1EWDaDMvjQc6tUwuFyIprgGgTcWoVHSKrU8H31ZHA2e0RHA==
+
+semver@^6.3.1:
+  version "6.3.1"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.1.tgz#556d2ef8689146e46dcea4bfdd095f3434dffcb4"
+  integrity sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==
+
+set-function-length@^1.2.2:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/set-function-length/-/set-function-length-1.2.2.tgz#aac72314198eaed975cf77b2c3b6b880695e5449"
+  integrity sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==
+  dependencies:
+    define-data-property "^1.1.4"
+    es-errors "^1.3.0"
+    function-bind "^1.1.2"
+    get-intrinsic "^1.2.4"
+    gopd "^1.0.1"
+    has-property-descriptors "^1.0.2"
+
+set-function-name@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/set-function-name/-/set-function-name-2.0.2.tgz#16a705c5a0dc2f5e638ca96d8a8cd4e1c2b90985"
+  integrity sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==
+  dependencies:
+    define-data-property "^1.1.4"
+    es-errors "^1.3.0"
+    functions-have-names "^1.2.3"
+    has-property-descriptors "^1.0.2"
+
+shebang-command@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-2.0.0.tgz#ccd0af4f8835fbdc265b82461aaf0c36663f34ea"
+  integrity sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==
+  dependencies:
+    shebang-regex "^3.0.0"
+
+shebang-regex@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-3.0.0.tgz#ae16f1644d873ecad843b0307b143362d4c42172"
+  integrity sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==
+
+side-channel-list@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/side-channel-list/-/side-channel-list-1.0.0.tgz#10cb5984263115d3b7a0e336591e290a830af8ad"
+  integrity sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==
+  dependencies:
+    es-errors "^1.3.0"
+    object-inspect "^1.13.3"
+
+side-channel-map@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/side-channel-map/-/side-channel-map-1.0.1.tgz#d6bb6b37902c6fef5174e5f533fab4c732a26f42"
+  integrity sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==
+  dependencies:
+    call-bound "^1.0.2"
+    es-errors "^1.3.0"
+    get-intrinsic "^1.2.5"
+    object-inspect "^1.13.3"
+
+side-channel-weakmap@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz#11dda19d5368e40ce9ec2bdc1fb0ecbc0790ecea"
+  integrity sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==
+  dependencies:
+    call-bound "^1.0.2"
+    es-errors "^1.3.0"
+    get-intrinsic "^1.2.5"
+    object-inspect "^1.13.3"
+    side-channel-map "^1.0.1"
+
+side-channel@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/side-channel/-/side-channel-1.1.0.tgz#c3fcff9c4da932784873335ec9765fa94ff66bc9"
+  integrity sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==
+  dependencies:
+    es-errors "^1.3.0"
+    object-inspect "^1.13.3"
+    side-channel-list "^1.0.0"
+    side-channel-map "^1.0.1"
+    side-channel-weakmap "^1.0.2"
+
+signal-exit@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-4.1.0.tgz#952188c1cbd546070e2dd20d0f41c0ae0530cb04"
+  integrity sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==
+
+sonic-boom@^2.2.1:
+  version "2.8.0"
+  resolved "https://registry.yarnpkg.com/sonic-boom/-/sonic-boom-2.8.0.tgz#c1def62a77425090e6ad7516aad8eb402e047611"
+  integrity sha512-kuonw1YOYYNOve5iHdSahXPOK49GqwA+LZhI6Wz/l0rP57iKyXXIHaRagOBHAPmGwJC6od2Z9zgvZ5loSgMlVg==
+  dependencies:
+    atomic-sleep "^1.0.0"
+
+split-on-first@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/split-on-first/-/split-on-first-1.1.0.tgz#f610afeee3b12bce1d0c30425e76398b78249a5f"
+  integrity sha512-43ZssAJaMusuKWL8sKUBQXHWOpq8d6CfN/u1p4gUzfJkM05C8rxTmYrkIPTXapZpORA6LkkzcUulJ8FqA7Uudw==
+
+split2@^4.0.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/split2/-/split2-4.2.0.tgz#c9c5920904d148bab0b9f67145f245a86aadbfa4"
+  integrity sha512-UcjcJOWknrNkF6PLX83qcHM6KHgVKNkV62Y8a5uYDVv9ydGQVwAHMKqHdJje1VTWpljG0WYpCDhrCdAOYH4TWg==
+
+starknetkit@^2.3.0:
+  version "2.6.1"
+  resolved "https://registry.yarnpkg.com/starknetkit/-/starknetkit-2.6.1.tgz#69a33d8331f082d60a7aea3482daca746d2ef964"
+  integrity sha512-1w8F6BShtGr3IE8bTGvaXsiGn+ZUFB2jnC9fqMX89utBUEJtkft4K9r0YJWiPjTho+eap8o4dN0S0G4tisGW7A==
+  dependencies:
+    "@starknet-io/get-starknet" "^4.0.4"
+    "@starknet-io/get-starknet-core" "^4.0.4"
+    "@starknet-io/types-js" "^0.7.7"
+    "@trpc/client" "^10.38.1"
+    "@trpc/server" "^10.38.1"
+    "@walletconnect/sign-client" "^2.11.0"
+    bowser "^2.11.0"
+    detect-browser "^5.3.0"
+    eventemitter3 "^5.0.1"
+    events "^3.3.0"
+    lodash-es "^4.17.21"
+    svelte-forms "^2.3.1"
+    trpc-browser "^1.3.2"
+
+std-env@^3.7.0:
+  version "3.8.0"
+  resolved "https://registry.yarnpkg.com/std-env/-/std-env-3.8.0.tgz#b56ffc1baf1a29dcc80a3bdf11d7fca7c315e7d5"
+  integrity sha512-Bc3YwwCB+OzldMxOXJIIvC6cPRWr/LxOp48CdQTOkPyk/t4JWWJbrilwBd7RJzKV8QW7tJkcgAmeuLLJugl5/w==
+
+stream-shift@^1.0.2:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/stream-shift/-/stream-shift-1.0.3.tgz#85b8fab4d71010fc3ba8772e8046cc49b8a3864b"
+  integrity sha512-76ORR0DO1o1hlKwTbi/DM3EXWGf3ZJYO8cXX5RJwnul2DEg2oyoZyjLNoQM8WsvZiFKCRfC1O0J7iCvie3RZmQ==
+
+strict-uri-encode@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/strict-uri-encode/-/strict-uri-encode-2.0.0.tgz#b9c7330c7042862f6b142dc274bbcc5866ce3546"
+  integrity sha512-QwiXZgpRcKkhTj2Scnn++4PKtWsH0kpzZ62L2R6c/LUVYv7hVnZqcg2+sMuT6R7Jusu1vviK/MFsu6kNJfWlEQ==
+
+string.prototype.trim@^1.2.10:
+  version "1.2.10"
+  resolved "https://registry.yarnpkg.com/string.prototype.trim/-/string.prototype.trim-1.2.10.tgz#40b2dd5ee94c959b4dcfb1d65ce72e90da480c81"
+  integrity sha512-Rs66F0P/1kedk5lyYyH9uBzuiI/kNRmwJAR9quK6VOtIpZ2G+hMZd+HQbbv25MgCA6gEffoMZYxlTod4WcdrKA==
+  dependencies:
+    call-bind "^1.0.8"
+    call-bound "^1.0.2"
+    define-data-property "^1.1.4"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.5"
+    es-object-atoms "^1.0.0"
+    has-property-descriptors "^1.0.2"
+
+string.prototype.trimend@^1.0.8, string.prototype.trimend@^1.0.9:
+  version "1.0.9"
+  resolved "https://registry.yarnpkg.com/string.prototype.trimend/-/string.prototype.trimend-1.0.9.tgz#62e2731272cd285041b36596054e9f66569b6942"
+  integrity sha512-G7Ok5C6E/j4SGfyLCloXTrngQIQU3PWtXGst3yM7Bea9FRURf1S42ZHlZZtsNque2FN2PoUhfZXYLNWwEr4dLQ==
+  dependencies:
+    call-bind "^1.0.8"
+    call-bound "^1.0.2"
+    define-properties "^1.2.1"
+    es-object-atoms "^1.0.0"
+
+string.prototype.trimstart@^1.0.8:
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/string.prototype.trimstart/-/string.prototype.trimstart-1.0.8.tgz#7ee834dda8c7c17eff3118472bb35bfedaa34dde"
+  integrity sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-object-atoms "^1.0.0"
+
+string_decoder@^1.1.1:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.3.0.tgz#42f114594a46cf1a8e30b0a84f56c78c3edac21e"
+  integrity sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==
+  dependencies:
+    safe-buffer "~5.2.0"
+
+strip-bom@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/strip-bom/-/strip-bom-3.0.0.tgz#2334c18e9c759f7bdd56fdef7e9ae3d588e68ed3"
+  integrity sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==
+
+strip-final-newline@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/strip-final-newline/-/strip-final-newline-3.0.0.tgz#52894c313fbff318835280aed60ff71ebf12b8fd"
+  integrity sha512-dOESqjYr96iWYylGObzd39EuNTa5VJxyvVAEm5Jnh7KGo75V43Hk1odPQkNDyXNmUR6k+gEiDVXnjB8HJ3crXw==
+
+supports-preserve-symlinks-flag@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz#6eda4bd344a3c94aea376d4cc31bc77311039e09"
+  integrity sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==
+
+svelte-forms@^2.3.1:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/svelte-forms/-/svelte-forms-2.3.1.tgz#be1ddd096700a7dca6e457983086801d23a918f9"
+  integrity sha512-ExX9PM0JgvdOWlHl2ztD7XzLNPOPt9U5hBKV8sUAisMfcYWpPRnyz+6EFmh35BOBGJJmuhTDBGm5/7seLjOTIA==
+  dependencies:
+    is-promise "^4.0.0"
+
+system-architecture@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/system-architecture/-/system-architecture-0.1.0.tgz#71012b3ac141427d97c67c56bc7921af6bff122d"
+  integrity sha512-ulAk51I9UVUyJgxlv9M6lFot2WP3e7t8Kz9+IS6D4rVba1tR9kON+Ey69f+1R4Q8cd45Lod6a4IcJIxnzGc/zA==
+
+thread-stream@^0.15.1:
+  version "0.15.2"
+  resolved "https://registry.yarnpkg.com/thread-stream/-/thread-stream-0.15.2.tgz#fb95ad87d2f1e28f07116eb23d85aba3bc0425f4"
+  integrity sha512-UkEhKIg2pD+fjkHQKyJO3yoIvAP3N6RlNFt2dUhcS1FGvCD1cQa1M/PGknCLFIyZdtJOWQjejp7bdNqmN7zwdA==
+  dependencies:
+    real-require "^0.1.0"
+
+to-regex-range@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/to-regex-range/-/to-regex-range-5.0.1.tgz#1648c44aae7c8d988a326018ed72f5b4dd0392e4"
+  integrity sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==
+  dependencies:
+    is-number "^7.0.0"
+
+trpc-browser@^1.3.2:
+  version "1.4.2"
+  resolved "https://registry.yarnpkg.com/trpc-browser/-/trpc-browser-1.4.2.tgz#bcfd6cf04634567feb782b90606d6cef950f236c"
+  integrity sha512-A4p5LtEiI81fEBi/RduirnXx6MrbKab+qpu9lzYONVEVHeWkXzmIzGlG2gfowWgBmxtKKjku8F3fZTrPxl93Gw==
+
+tsconfig-paths@^3.15.0:
+  version "3.15.0"
+  resolved "https://registry.yarnpkg.com/tsconfig-paths/-/tsconfig-paths-3.15.0.tgz#5299ec605e55b1abb23ec939ef15edaf483070d4"
+  integrity sha512-2Ac2RgzDe/cn48GvOe3M+o82pEFewD3UPbyoUHHdKasHwJKjds4fLXWf/Ux5kATBKN20oaFGu+jbElp1pos0mg==
+  dependencies:
+    "@types/json5" "^0.0.29"
+    json5 "^1.0.2"
+    minimist "^1.2.6"
+    strip-bom "^3.0.0"
+
+tslib@1.14.1:
+  version "1.14.1"
+  resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.14.1.tgz#cf2d38bdc34a134bcaf1091c41f6619e2f672d00"
+  integrity sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==
+
+tslib@^2.4.0:
+  version "2.8.1"
+  resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.8.1.tgz#612efe4ed235d567e8aba5f2a5fab70280ade83f"
+  integrity sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==
+
+typed-array-buffer@^1.0.2:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/typed-array-buffer/-/typed-array-buffer-1.0.3.tgz#a72395450a4869ec033fd549371b47af3a2ee536"
+  integrity sha512-nAYYwfY3qnzX30IkA6AQZjVbtK6duGontcQm1WSG1MD94YLqK0515GNApXkoxKOWMusVssAHWLh9SeaoefYFGw==
+  dependencies:
+    call-bound "^1.0.3"
+    es-errors "^1.3.0"
+    is-typed-array "^1.1.14"
+
+typed-array-byte-length@^1.0.1:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/typed-array-byte-length/-/typed-array-byte-length-1.0.3.tgz#8407a04f7d78684f3d252aa1a143d2b77b4160ce"
+  integrity sha512-BaXgOuIxz8n8pIq3e7Atg/7s+DpiYrxn4vdot3w9KbnBhcRQq6o3xemQdIfynqSeXeDrF32x+WvfzmOjPiY9lg==
+  dependencies:
+    call-bind "^1.0.8"
+    for-each "^0.3.3"
+    gopd "^1.2.0"
+    has-proto "^1.2.0"
+    is-typed-array "^1.1.14"
+
+typed-array-byte-offset@^1.0.3:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/typed-array-byte-offset/-/typed-array-byte-offset-1.0.4.tgz#ae3698b8ec91a8ab945016108aef00d5bff12355"
+  integrity sha512-bTlAFB/FBYMcuX81gbL4OcpH5PmlFHqlCCpAl8AlEzMz5k53oNDvN8p1PNOWLEmI2x4orp3raOFB51tv9X+MFQ==
+  dependencies:
+    available-typed-arrays "^1.0.7"
+    call-bind "^1.0.8"
+    for-each "^0.3.3"
+    gopd "^1.2.0"
+    has-proto "^1.2.0"
+    is-typed-array "^1.1.15"
+    reflect.getprototypeof "^1.0.9"
+
+typed-array-length@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/typed-array-length/-/typed-array-length-1.0.7.tgz#ee4deff984b64be1e118b0de8c9c877d5ce73d3d"
+  integrity sha512-3KS2b+kL7fsuk/eJZ7EQdnEmQoaho/r6KUef7hxvltNA5DR8NAUM+8wJMbJyZ4G9/7i3v5zPBIMN5aybAh2/Jg==
+  dependencies:
+    call-bind "^1.0.7"
+    for-each "^0.3.3"
+    gopd "^1.0.1"
+    is-typed-array "^1.1.13"
+    possible-typed-array-names "^1.0.0"
+    reflect.getprototypeof "^1.0.6"
+
+ufo@^1.5.4:
+  version "1.5.4"
+  resolved "https://registry.yarnpkg.com/ufo/-/ufo-1.5.4.tgz#16d6949674ca0c9e0fbbae1fa20a71d7b1ded754"
+  integrity sha512-UsUk3byDzKd04EyoZ7U4DOlxQaD14JUKQl6/P7wiX4FNvUfm3XL246n9W5AmqwW5RSFJ27NAuM0iLscAOYUiGQ==
+
+uint8arrays@3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/uint8arrays/-/uint8arrays-3.1.0.tgz#8186b8eafce68f28bd29bd29d683a311778901e2"
+  integrity sha512-ei5rfKtoRO8OyOIor2Rz5fhzjThwIHJZ3uyDPnDHTXbP0aMQ1RN/6AI5B5d9dBxJOU+BvOAk7ZQ1xphsX8Lrog==
+  dependencies:
+    multiformats "^9.4.2"
+
+uint8arrays@^3.0.0:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/uint8arrays/-/uint8arrays-3.1.1.tgz#2d8762acce159ccd9936057572dade9459f65ae0"
+  integrity sha512-+QJa8QRnbdXVpHYjLoTpJIdCTiw9Ir62nocClWuXIq2JIh4Uta0cQsTSpFL678p2CN8B+XSApwcU+pQEqVpKWg==
+  dependencies:
+    multiformats "^9.4.2"
+
+unbox-primitive@^1.0.2:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/unbox-primitive/-/unbox-primitive-1.1.0.tgz#8d9d2c9edeea8460c7f35033a88867944934d1e2"
+  integrity sha512-nWJ91DjeOkej/TA8pXQ3myruKpKEYgqvpw9lz4OPHj/NWFNluYrjbz9j01CJ8yKQd2g4jFoOkINCTW2I5LEEyw==
+  dependencies:
+    call-bound "^1.0.3"
+    has-bigints "^1.0.2"
+    has-symbols "^1.1.0"
+    which-boxed-primitive "^1.1.1"
+
+uncrypto@^0.1.3:
+  version "0.1.3"
+  resolved "https://registry.yarnpkg.com/uncrypto/-/uncrypto-0.1.3.tgz#e1288d609226f2d02d8d69ee861fa20d8348ef2b"
+  integrity sha512-Ql87qFHB3s/De2ClA9e0gsnS6zXG27SkTiSJwjCc9MebbfapQfuPzumMIUMi38ezPZVNFcHI9sUIepeQfw8J8Q==
+
+unenv@^1.10.0:
+  version "1.10.0"
+  resolved "https://registry.yarnpkg.com/unenv/-/unenv-1.10.0.tgz#c3394a6c6e4cfe68d699f87af456fe3f0db39571"
+  integrity sha512-wY5bskBQFL9n3Eca5XnhH6KbUo/tfvkwm9OpcdCvLaeA7piBNbavbOKJySEwQ1V0RH6HvNlSAFRTpvTqgKRQXQ==
+  dependencies:
+    consola "^3.2.3"
+    defu "^6.1.4"
+    mime "^3.0.0"
+    node-fetch-native "^1.6.4"
+    pathe "^1.1.2"
+
+unstorage@^1.9.0:
+  version "1.14.1"
+  resolved "https://registry.yarnpkg.com/unstorage/-/unstorage-1.14.1.tgz#49d8cb9b219114e29e56d6c1df83be13713083e5"
+  integrity sha512-0MBKpoVhNLL/Ixvue9lIsrHkwwWW9/f3TRftsYu1R7nZJJyHSdgPMBDjny2op07nirnS3OX6H3u+YDFGld+1Bg==
+  dependencies:
+    anymatch "^3.1.3"
+    chokidar "^3.6.0"
+    citty "^0.1.6"
+    destr "^2.0.3"
+    h3 "^1.13.0"
+    listhen "^1.9.0"
+    lru-cache "^10.4.3"
+    node-fetch-native "^1.6.4"
+    ofetch "^1.4.1"
+    ufo "^1.5.4"
+
+untun@^0.1.3:
+  version "0.1.3"
+  resolved "https://registry.yarnpkg.com/untun/-/untun-0.1.3.tgz#5d10dee37a3a5737ff03d158be877dae0a0e58a6"
+  integrity sha512-4luGP9LMYszMRZwsvyUd9MrxgEGZdZuZgpVQHEEX0lCYFESasVRvZd0EYpCkOIbJKHMuv0LskpXc/8Un+MJzEQ==
+  dependencies:
+    citty "^0.1.5"
+    consola "^3.2.3"
+    pathe "^1.1.1"
+
+uqr@^0.1.2:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/uqr/-/uqr-0.1.2.tgz#5c6cd5dcff9581f9bb35b982cb89e2c483a41d7d"
+  integrity sha512-MJu7ypHq6QasgF5YRTjqscSzQp/W11zoUk6kvmlH+fmWEs63Y0Eib13hYFwAzagRJcVY8WVnlV+eBDUGMJ5IbA==
+
+util-deprecate@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
+  integrity sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==
+
+which-boxed-primitive@^1.1.0, which-boxed-primitive@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/which-boxed-primitive/-/which-boxed-primitive-1.1.1.tgz#d76ec27df7fa165f18d5808374a5fe23c29b176e"
+  integrity sha512-TbX3mj8n0odCBFVlY8AxkqcHASw3L60jIuF8jFP78az3C2YhmGvqbHBpAjTRH2/xqYunrJ9g1jSyjCjpoWzIAA==
+  dependencies:
+    is-bigint "^1.1.0"
+    is-boolean-object "^1.2.1"
+    is-number-object "^1.1.1"
+    is-string "^1.1.1"
+    is-symbol "^1.1.1"
+
+which-builtin-type@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/which-builtin-type/-/which-builtin-type-1.2.1.tgz#89183da1b4907ab089a6b02029cc5d8d6574270e"
+  integrity sha512-6iBczoX+kDQ7a3+YJBnh3T+KZRxM/iYNPXicqk66/Qfm1b93iu+yOImkg0zHbj5LNOcNv1TEADiZ0xa34B4q6Q==
+  dependencies:
+    call-bound "^1.0.2"
+    function.prototype.name "^1.1.6"
+    has-tostringtag "^1.0.2"
+    is-async-function "^2.0.0"
+    is-date-object "^1.1.0"
+    is-finalizationregistry "^1.1.0"
+    is-generator-function "^1.0.10"
+    is-regex "^1.2.1"
+    is-weakref "^1.0.2"
+    isarray "^2.0.5"
+    which-boxed-primitive "^1.1.0"
+    which-collection "^1.0.2"
+    which-typed-array "^1.1.16"
+
+which-collection@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/which-collection/-/which-collection-1.0.2.tgz#627ef76243920a107e7ce8e96191debe4b16c2a0"
+  integrity sha512-K4jVyjnBdgvc86Y6BkaLZEN933SwYOuBFkdmBu9ZfkcAbdVbpITnDmjvZ/aQjRXQrv5EPkTnD1s39GiiqbngCw==
+  dependencies:
+    is-map "^2.0.3"
+    is-set "^2.0.3"
+    is-weakmap "^2.0.2"
+    is-weakset "^2.0.3"
+
+which-typed-array@^1.1.16:
+  version "1.1.18"
+  resolved "https://registry.yarnpkg.com/which-typed-array/-/which-typed-array-1.1.18.tgz#df2389ebf3fbb246a71390e90730a9edb6ce17ad"
+  integrity sha512-qEcY+KJYlWyLH9vNbsr6/5j59AXk5ni5aakf8ldzBvGde6Iz4sxZGkJyWSAueTG7QhOvNRYb1lDdFmL5Td0QKA==
+  dependencies:
+    available-typed-arrays "^1.0.7"
+    call-bind "^1.0.8"
+    call-bound "^1.0.3"
+    for-each "^0.3.3"
+    gopd "^1.2.0"
+    has-tostringtag "^1.0.2"
+
+which@^2.0.1:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/which/-/which-2.0.2.tgz#7c6a8dd0a636a0327e10b59c9286eee93f3f51b1"
+  integrity sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==
+  dependencies:
+    isexe "^2.0.0"
+
+wrappy@1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
+  integrity sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==
+
+ws@^7.5.1:
+  version "7.5.10"
+  resolved "https://registry.yarnpkg.com/ws/-/ws-7.5.10.tgz#58b5c20dc281633f6c19113f39b349bd8bd558d9"
+  integrity sha512-+dbF1tHwZpXcbOJdVOkzLDxZP1ailvSxM6ZweXTegylPny803bFhA+vqBYw4s31NSAk4S2Qz+AKXK9a4wkdjcQ==

From 00170cf3349de0864876b5ec69877ee378bd28d3 Mon Sep 17 00:00:00 2001
From: system625 <tunde-ajayi.olaoluwasijibomi@lmu.edu.ng>
Date: Fri, 20 Dec 2024 12:28:42 +0100
Subject: [PATCH 16/36] progress

---
 frontend/Dockerfile | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/frontend/Dockerfile b/frontend/Dockerfile
index 47e7c76e..1f17fd27 100644
--- a/frontend/Dockerfile
+++ b/frontend/Dockerfile
@@ -4,9 +4,11 @@
 FROM node:20-alpine AS build
 
 WORKDIR /app
-COPY . /app
+COPY package.json yarn.lock ./
 
 RUN yarn
+COPY src/ ./src/
+COPY public/ ./public/
 RUN yarn build
 
 # Stage 2: Set up Nginx to serve the built app

From f4bc1fa6bf6cd93b7d12d74aefbf78dc69b00c10 Mon Sep 17 00:00:00 2001
From: system625 <tunde-ajayi.olaoluwasijibomi@lmu.edu.ng>
Date: Fri, 20 Dec 2024 12:36:35 +0100
Subject: [PATCH 17/36] progress?

---
 frontend/Dockerfile                              | 4 +---
 frontend/src/components/layout/header/Header.jsx | 2 +-
 frontend/src/pages/dashboard/YourComponent.js    | 1 -
 3 files changed, 2 insertions(+), 5 deletions(-)
 delete mode 100644 frontend/src/pages/dashboard/YourComponent.js

diff --git a/frontend/Dockerfile b/frontend/Dockerfile
index 1f17fd27..47e7c76e 100644
--- a/frontend/Dockerfile
+++ b/frontend/Dockerfile
@@ -4,11 +4,9 @@
 FROM node:20-alpine AS build
 
 WORKDIR /app
-COPY package.json yarn.lock ./
+COPY . /app
 
 RUN yarn
-COPY src/ ./src/
-COPY public/ ./public/
 RUN yarn build
 
 # Stage 2: Set up Nginx to serve the built app
diff --git a/frontend/src/components/layout/header/Header.jsx b/frontend/src/components/layout/header/Header.jsx
index f7b0ee63..d37989ae 100644
--- a/frontend/src/components/layout/header/Header.jsx
+++ b/frontend/src/components/layout/header/Header.jsx
@@ -6,7 +6,7 @@ import WalletSection from '../wallet-section/WalletSection';
 import NavigationLinks from '../navigation-links/NavigationLinks';
 import useLockBodyScroll from '../../../hooks/useLockBodyScroll';
 import MobDropdownMenu from '../mob-dropdown-menu/MobDropdownMenu';
-import './header.css';
+import './Header.css';
 import '../../../globals.css';
 
 
diff --git a/frontend/src/pages/dashboard/YourComponent.js b/frontend/src/pages/dashboard/YourComponent.js
deleted file mode 100644
index 0519ecba..00000000
--- a/frontend/src/pages/dashboard/YourComponent.js
+++ /dev/null
@@ -1 +0,0 @@
- 
\ No newline at end of file

From 82fa8274633cd520728288285ac1a47a35b8814c Mon Sep 17 00:00:00 2001
From: system625 <tunde-ajayi.olaoluwasijibomi@lmu.edu.ng>
Date: Fri, 20 Dec 2024 12:53:21 +0100
Subject: [PATCH 18/36] Work

---
 frontend/src/App.jsx                                            | 2 +-
 frontend/src/components/dashboard/borrow/Borrow.jsx             | 2 +-
 frontend/src/components/dashboard/collateral/Collateral.jsx     | 2 +-
 frontend/src/components/home/about/About.jsx                    | 2 +-
 frontend/src/components/home/dont-miss/DontMiss.jsx             | 2 +-
 frontend/src/components/home/home/Home.jsx                      | 2 +-
 frontend/src/components/home/information/Information.jsx        | 2 +-
 frontend/src/components/home/partnership/Partnership.jsx        | 2 +-
 .../layout/congratulations-modal/CongratulationsModal.jsx       | 2 +-
 frontend/src/components/layout/footer/Footer.jsx                | 2 +-
 frontend/src/components/layout/header/Header.jsx                | 2 +-
 .../src/components/layout/mob-dropdown-menu/MobDropdownMenu.jsx | 2 +-
 frontend/src/components/layout/section/Section.jsx              | 2 +-
 frontend/src/components/table-of-content/TableOfContents.jsx    | 2 +-
 frontend/src/components/ui/Button/Button.jsx                    | 2 +-
 frontend/src/components/ui/action-modal/ActionModal.jsx         | 2 +-
 frontend/src/components/ui/card/Card.jsx                        | 2 +-
 .../components/ui/multiplier-selector/MultiplierSelector.jsx    | 2 +-
 frontend/src/components/ui/scroll-button/ScrollButton.jsx       | 2 +-
 frontend/src/components/ui/spinner/Spinner.jsx                  | 2 +-
 frontend/src/components/vault/VaultLayout.jsx                   | 2 +-
 frontend/src/components/vault/gas-fee/GasFee.jsx                | 2 +-
 frontend/src/components/vault/metric-card/MetricCard.jsx        | 2 +-
 frontend/src/components/vault/stake-card/StakeCard.jsx          | 2 +-
 frontend/src/pages/dashboard/Dashboard.jsx                      | 2 +-
 frontend/src/pages/documentation/Documentation.jsx              | 2 +-
 frontend/src/pages/form/Form.jsx                                | 2 +-
 frontend/src/pages/overview/Overview.jsx                        | 2 +-
 frontend/src/pages/position-history/PositionHistory.jsx         | 2 +-
 frontend/src/pages/stake/Stake.jsx                              | 2 +-
 frontend/src/pages/withdraw/Withdraw.jsx                        | 2 +-
 31 files changed, 31 insertions(+), 31 deletions(-)

diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
index 5695a6cb..8fff6807 100644
--- a/frontend/src/App.jsx
+++ b/frontend/src/App.jsx
@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from 'react';
 import { Routes, Route, useNavigate } from 'react-router-dom';
-import './globals.css';
+import './Globals.css';
 import Header from './components/layout/header/Header';
 import Dashboard from './pages/dashboard/Dashboard';
 import Footer from './components/layout/footer/Footer';
diff --git a/frontend/src/components/dashboard/borrow/Borrow.jsx b/frontend/src/components/dashboard/borrow/Borrow.jsx
index 773a37da..c8222081 100644
--- a/frontend/src/components/dashboard/borrow/Borrow.jsx
+++ b/frontend/src/components/dashboard/borrow/Borrow.jsx
@@ -1,5 +1,5 @@
 import React from "react"
-import './borrow.css'
+import './Borrow.css'
 import { ReactComponent as BorrowIcon } from 'assets/icons/borrow_dynamic.svg';
 
 function Borrow({data}){
diff --git a/frontend/src/components/dashboard/collateral/Collateral.jsx b/frontend/src/components/dashboard/collateral/Collateral.jsx
index 7714705e..2c244cdc 100644
--- a/frontend/src/components/dashboard/collateral/Collateral.jsx
+++ b/frontend/src/components/dashboard/collateral/Collateral.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import './collateral.css';
+import './Collateral.css';
 import { ReactComponent as CollateralIcon } from 'assets/icons/collateral_dynamic.svg';
 import { TrendingDown, TrendingUp } from 'lucide-react';
 
diff --git a/frontend/src/components/home/about/About.jsx b/frontend/src/components/home/about/About.jsx
index 68175180..043f13ce 100644
--- a/frontend/src/components/home/about/About.jsx
+++ b/frontend/src/components/home/about/About.jsx
@@ -4,7 +4,7 @@ import { ReactComponent as BorrowUSDC } from '../../../assets/icons/borrow_usdc.
 import { ReactComponent as EkuboSwap } from '../../../assets/icons/ekubo_swap.svg';
 import { ReactComponent as Repeat } from '../../../assets/icons/repeats.svg';
 import StarMaker from '../../layout/star-maker/StarMaker';
-import './about.css';
+import './About.css';
 
 const CardData = [
   {
diff --git a/frontend/src/components/home/dont-miss/DontMiss.jsx b/frontend/src/components/home/dont-miss/DontMiss.jsx
index 6754408a..dace0390 100644
--- a/frontend/src/components/home/dont-miss/DontMiss.jsx
+++ b/frontend/src/components/home/dont-miss/DontMiss.jsx
@@ -1,4 +1,4 @@
-import './dontMiss.css';
+import './DontMiss.css';
 import React from 'react';
 import { ReactComponent as Rocket } from '../../../assets/icons/rocket.svg';
 import { ReactComponent as Hand } from '../../../assets/images/hand.svg';
diff --git a/frontend/src/components/home/home/Home.jsx b/frontend/src/components/home/home/Home.jsx
index 3de34413..d889e442 100644
--- a/frontend/src/components/home/home/Home.jsx
+++ b/frontend/src/components/home/home/Home.jsx
@@ -5,7 +5,7 @@ import StarMaker from '../../layout/star-maker/StarMaker';
 import { ReactComponent as Decoration } from '../../../assets/particles/deco.svg';
 import { ReactComponent as Starknet } from '../../../assets/particles/starknet.svg';
 import { ReactComponent as Rocket } from '../../../assets/icons/rocket.svg';
-import './home.css';
+import './Home.css';
 import { useWalletStore } from '../../../stores/useWalletStore';
 import { notify } from '../../layout/notifier/Notifier';
 
diff --git a/frontend/src/components/home/information/Information.jsx b/frontend/src/components/home/information/Information.jsx
index 0f237c4e..3fec825f 100644
--- a/frontend/src/components/home/information/Information.jsx
+++ b/frontend/src/components/home/information/Information.jsx
@@ -1,4 +1,4 @@
-import './information.css';
+import './Information.css';
 import React, { useEffect, useState } from 'react';
 import StarMaker from '../../layout/star-maker/StarMaker';
 import { axiosInstance } from 'utils/axios';
diff --git a/frontend/src/components/home/partnership/Partnership.jsx b/frontend/src/components/home/partnership/Partnership.jsx
index f3b8a065..1650f7c2 100644
--- a/frontend/src/components/home/partnership/Partnership.jsx
+++ b/frontend/src/components/home/partnership/Partnership.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import './partnership.css';
+import './Partnership.css';
 import { ReactComponent as ZklendLogo } from '../../../assets/images/zklend_logo.svg';
 import { ReactComponent as EkuboLogo } from '../../../assets/images/ekubo_logo.svg';
 import { ReactComponent as Star } from '../../../assets/particles/star.svg';
diff --git a/frontend/src/components/layout/congratulations-modal/CongratulationsModal.jsx b/frontend/src/components/layout/congratulations-modal/CongratulationsModal.jsx
index 699d48bc..6f74faee 100644
--- a/frontend/src/components/layout/congratulations-modal/CongratulationsModal.jsx
+++ b/frontend/src/components/layout/congratulations-modal/CongratulationsModal.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import './congratulationsModal.css';
+import './CongratulationsModal.css';
 import doneLogo from '../../../assets/icons/done-badge.svg';
 import { useNavigate } from 'react-router-dom';
 
diff --git a/frontend/src/components/layout/footer/Footer.jsx b/frontend/src/components/layout/footer/Footer.jsx
index 3b4b5fc2..58acfcb8 100644
--- a/frontend/src/components/layout/footer/Footer.jsx
+++ b/frontend/src/components/layout/footer/Footer.jsx
@@ -7,7 +7,7 @@ import { ReactComponent as GithubIcon } from '../../../assets/icons/github.svg';
 import { ReactComponent as DashboardIcon } from '../../../assets/icons/dashboard-icon.svg';
 import { ReactComponent as FormIcon } from '../../../assets/icons/form-icon.svg';
 
-import './footer.css';
+import './Footer.css';
 
 function Footer() {
   const socialLinks = [
diff --git a/frontend/src/components/layout/header/Header.jsx b/frontend/src/components/layout/header/Header.jsx
index d37989ae..6bac1ae6 100644
--- a/frontend/src/components/layout/header/Header.jsx
+++ b/frontend/src/components/layout/header/Header.jsx
@@ -7,7 +7,7 @@ import NavigationLinks from '../navigation-links/NavigationLinks';
 import useLockBodyScroll from '../../../hooks/useLockBodyScroll';
 import MobDropdownMenu from '../mob-dropdown-menu/MobDropdownMenu';
 import './Header.css';
-import '../../../globals.css';
+import '../../../Globals.css';
 
 
 function Header({ onConnectWallet, onLogout }) {
diff --git a/frontend/src/components/layout/mob-dropdown-menu/MobDropdownMenu.jsx b/frontend/src/components/layout/mob-dropdown-menu/MobDropdownMenu.jsx
index 40771367..73710942 100644
--- a/frontend/src/components/layout/mob-dropdown-menu/MobDropdownMenu.jsx
+++ b/frontend/src/components/layout/mob-dropdown-menu/MobDropdownMenu.jsx
@@ -3,7 +3,7 @@ import { ReactComponent as ArrowDownIcon } from '../../../assets/icons/dropdown-
 import { ReactComponent as ReloadIcon } from '../../../assets/icons/reload.svg';
 import { ReactComponent as OpenBotIcon } from '../../../assets/icons/bot.svg';
 import { ReactComponent as TermsIcon } from '../../../assets/icons/terms.svg';
-import './mobDropdownMenu.css';
+import './MobDropdownMenu.css';
 
 const menuItems = [
   { id: 1, text: 'Reload page', icon: <ReloadIcon className="dpd-icon" />, link: '#' },
diff --git a/frontend/src/components/layout/section/Section.jsx b/frontend/src/components/layout/section/Section.jsx
index 2ddf1fb9..4366f6ff 100644
--- a/frontend/src/components/layout/section/Section.jsx
+++ b/frontend/src/components/layout/section/Section.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import './section.css';
+import './Section.css';
 
 const Section = ({ id, title, content }) => {
   const renderContent = (item, index) => {
diff --git a/frontend/src/components/table-of-content/TableOfContents.jsx b/frontend/src/components/table-of-content/TableOfContents.jsx
index aeb09802..9f3127f7 100644
--- a/frontend/src/components/table-of-content/TableOfContents.jsx
+++ b/frontend/src/components/table-of-content/TableOfContents.jsx
@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from 'react';
-import './tableOfContentStyles.css';
+import './TableOfContentStyles.css';
 
 const TableOfContents = ({ items, defaultActiveId, tabelTitle, headerHeight = 80 }) => {
   const [activeId, setActiveId] = useState(defaultActiveId);
diff --git a/frontend/src/components/ui/Button/Button.jsx b/frontend/src/components/ui/Button/Button.jsx
index c358d0d2..4bb898c5 100644
--- a/frontend/src/components/ui/Button/Button.jsx
+++ b/frontend/src/components/ui/Button/Button.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import './button.css';
+import './Button.css';
 
 const Button = ({ variant = 'primary', size = 'md', className = '', children, ...props }) => {
   const buttonClasses = ['button', `button--${variant}`, `button--${size}`, className].filter(Boolean).join(' ');
diff --git a/frontend/src/components/ui/action-modal/ActionModal.jsx b/frontend/src/components/ui/action-modal/ActionModal.jsx
index 1b942e5d..f4c43b54 100644
--- a/frontend/src/components/ui/action-modal/ActionModal.jsx
+++ b/frontend/src/components/ui/action-modal/ActionModal.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import './actionModal.css';
+import './ActionModal.css';
 import { Button } from '../button';
 import useLockBodyScroll from 'hooks/useLockBodyScroll';
 const ActionModal = ({
diff --git a/frontend/src/components/ui/card/Card.jsx b/frontend/src/components/ui/card/Card.jsx
index b0cb4e46..8c064c72 100644
--- a/frontend/src/components/ui/card/Card.jsx
+++ b/frontend/src/components/ui/card/Card.jsx
@@ -1,4 +1,4 @@
-import './card.css';
+import './Card.css';
 
 function Card({ label, icon, value = '', cardData = [] }) {
   return (
diff --git a/frontend/src/components/ui/multiplier-selector/MultiplierSelector.jsx b/frontend/src/components/ui/multiplier-selector/MultiplierSelector.jsx
index e1742d02..73e8dc92 100644
--- a/frontend/src/components/ui/multiplier-selector/MultiplierSelector.jsx
+++ b/frontend/src/components/ui/multiplier-selector/MultiplierSelector.jsx
@@ -1,7 +1,7 @@
 import React, { useMemo, useCallback, useState, useRef, useEffect } from 'react';
 import { useMaxMultiplier } from '../../../hooks/useMaxMultiplier';
 import sliderThumb from '../../../assets/icons/slider_thumb.svg';
-import './multiplier.css';
+import './Multiplier.css';
 
 const MultiplierSelector = ({ setSelectedMultiplier, selectedToken }) => {
   const minMultiplier = 1.1;
diff --git a/frontend/src/components/ui/scroll-button/ScrollButton.jsx b/frontend/src/components/ui/scroll-button/ScrollButton.jsx
index d15aa3a9..dc331f25 100644
--- a/frontend/src/components/ui/scroll-button/ScrollButton.jsx
+++ b/frontend/src/components/ui/scroll-button/ScrollButton.jsx
@@ -1,5 +1,5 @@
 import React, { useState, useEffect } from 'react';
-import './scrollButton.css';
+import './ScrollButton.css';
 
 const ScrollButton = () => {
   const [isVisible, setIsVisible] = useState(false);
diff --git a/frontend/src/components/ui/spinner/Spinner.jsx b/frontend/src/components/ui/spinner/Spinner.jsx
index a6d0a20f..c9550bfd 100644
--- a/frontend/src/components/ui/spinner/Spinner.jsx
+++ b/frontend/src/components/ui/spinner/Spinner.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import './spinner.css';
+import './Spinner.css';
 
 const Spinner = ({ loading }) => {
   return (
diff --git a/frontend/src/components/vault/VaultLayout.jsx b/frontend/src/components/vault/VaultLayout.jsx
index 64567785..ac436855 100644
--- a/frontend/src/components/vault/VaultLayout.jsx
+++ b/frontend/src/components/vault/VaultLayout.jsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import { NavLink, Outlet } from 'react-router-dom';
-import './vaultLayout.css';
+import './VaultLayout.css';
 
 export function VaultLayout({ children }) {
   return (
diff --git a/frontend/src/components/vault/gas-fee/GasFee.jsx b/frontend/src/components/vault/gas-fee/GasFee.jsx
index 49e75451..692bc898 100644
--- a/frontend/src/components/vault/gas-fee/GasFee.jsx
+++ b/frontend/src/components/vault/gas-fee/GasFee.jsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import { ReactComponent as SettingIcon } from 'assets/icons/settings.svg';
-import './gasFee.css';
+import './GasFee.css';
 
 
 export default function GasFee() {
diff --git a/frontend/src/components/vault/metric-card/MetricCard.jsx b/frontend/src/components/vault/metric-card/MetricCard.jsx
index 8b1f577d..ae668d2b 100644
--- a/frontend/src/components/vault/metric-card/MetricCard.jsx
+++ b/frontend/src/components/vault/metric-card/MetricCard.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import './metricCard.css';
+import './MetricCard.css';
 
 export default function MetricCard({ title, value }) {
   return (
diff --git a/frontend/src/components/vault/stake-card/StakeCard.jsx b/frontend/src/components/vault/stake-card/StakeCard.jsx
index 2c635aaa..1a38643a 100644
--- a/frontend/src/components/vault/stake-card/StakeCard.jsx
+++ b/frontend/src/components/vault/stake-card/StakeCard.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import './stakeCard.css';
+import './StakeCard.css';
 
 export default function StakeCard({ icon= 1, title, value }) {
   return (
diff --git a/frontend/src/pages/dashboard/Dashboard.jsx b/frontend/src/pages/dashboard/Dashboard.jsx
index 65aba60c..ce07f3f8 100644
--- a/frontend/src/pages/dashboard/Dashboard.jsx
+++ b/frontend/src/pages/dashboard/Dashboard.jsx
@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from 'react';
-import './dashboard.css';
+import './Dashboard.css';
 import { ReactComponent as EthIcon } from '../../assets/icons/ethereum.svg';
 import { ReactComponent as StrkIcon } from '../../assets/icons/strk.svg';
 import { ReactComponent as UsdIcon } from '../../assets/icons/usd_coin.svg';
diff --git a/frontend/src/pages/documentation/Documentation.jsx b/frontend/src/pages/documentation/Documentation.jsx
index cec15b16..37635b07 100644
--- a/frontend/src/pages/documentation/Documentation.jsx
+++ b/frontend/src/pages/documentation/Documentation.jsx
@@ -1,5 +1,5 @@
 import React, { useEffect } from 'react';
-import './documentation.css';
+import './Documentation.css';
 import TableOfContents from '../../components/table-of-content/TableOfContents';
 import ScrollButton from '../../components/ui/scroll-button/ScrollButton';
 import Sections from 'components/layout/sections/Sections';
diff --git a/frontend/src/pages/form/Form.jsx b/frontend/src/pages/form/Form.jsx
index 8f1872ba..353050bd 100644
--- a/frontend/src/pages/form/Form.jsx
+++ b/frontend/src/pages/form/Form.jsx
@@ -7,7 +7,7 @@ import BalanceCards from '../../components/ui/balance-cards/BalanceCards';
 import MultiplierSelector from '../../components/ui/multiplier-selector/MultiplierSelector';
 import { handleTransaction } from '../../services/transaction';
 import Spinner from '../../components/ui/spinner/Spinner';
-import './form.css';
+import './Form.css';
 import { createPortal } from 'react-dom';
 import useLockBodyScroll from '../../hooks/useLockBodyScroll';
 import CongratulationsModal from '../../components/layout/congratulations-modal/CongratulationsModal';
diff --git a/frontend/src/pages/overview/Overview.jsx b/frontend/src/pages/overview/Overview.jsx
index 44a3d4f5..d203d417 100644
--- a/frontend/src/pages/overview/Overview.jsx
+++ b/frontend/src/pages/overview/Overview.jsx
@@ -1,5 +1,5 @@
 import React, { useEffect } from 'react';
-import './overview.css';
+import './Overview.css';
 import TableOfContents from '../../components/table-of-content/TableOfContents';
 import ScrollButton from '../../components/ui/scroll-button/ScrollButton';
 import Sections from '../../components/layout/sections/Sections';
diff --git a/frontend/src/pages/position-history/PositionHistory.jsx b/frontend/src/pages/position-history/PositionHistory.jsx
index 3aef7523..de557b3c 100644
--- a/frontend/src/pages/position-history/PositionHistory.jsx
+++ b/frontend/src/pages/position-history/PositionHistory.jsx
@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import './positionHistory.css';
+import './PositionHistory.css';
 import { ReactComponent as HealthIcon } from '../../assets/icons/health.svg';
 import { ReactComponent as EthIcon } from '../../assets/icons/ethereum.svg';
 import { ReactComponent as StrkIcon } from '../../assets/icons/strk.svg';
diff --git a/frontend/src/pages/stake/Stake.jsx b/frontend/src/pages/stake/Stake.jsx
index 943a14b6..d12a0bf7 100644
--- a/frontend/src/pages/stake/Stake.jsx
+++ b/frontend/src/pages/stake/Stake.jsx
@@ -6,7 +6,7 @@ import { ReactComponent as STTRK } from '../../assets/icons/strk.svg';
 import MetricCard from '../../components/vault/stake-card/StakeCard';
 import STRK from '../../assets/icons/strk.svg';
 import USDCc from '../../assets/icons/apy_icon.svg';
-import './stake.css';
+import './Stake.css';
 import { VaultLayout } from '../../components/vault/VaultLayout';
 import { Button } from 'components/ui/button';
 import GasFee from '../../components/vault/gas-fee/GasFee';
diff --git a/frontend/src/pages/withdraw/Withdraw.jsx b/frontend/src/pages/withdraw/Withdraw.jsx
index e8504246..652043a5 100644
--- a/frontend/src/pages/withdraw/Withdraw.jsx
+++ b/frontend/src/pages/withdraw/Withdraw.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import './withdraw.css';
+import './Withdraw.css';
 import { ReactComponent as DiamondIcon } from '../../assets/icons/diamond.svg';
 import { ReactComponent as TimeIcon } from '../../assets/icons/time.svg';
 import { ReactComponent as SettingIcon } from '../../assets/icons/settings.svg';

From 431c5d227263405b125e37a3ba0409bc8bbdb723 Mon Sep 17 00:00:00 2001
From: system625 <tunde-ajayi.olaoluwasijibomi@lmu.edu.ng>
Date: Fri, 20 Dec 2024 12:59:06 +0100
Subject: [PATCH 19/36] progress

---
 frontend/src/App.jsx                             | 2 +-
 frontend/src/components/layout/header/Header.jsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
index 8fff6807..5695a6cb 100644
--- a/frontend/src/App.jsx
+++ b/frontend/src/App.jsx
@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from 'react';
 import { Routes, Route, useNavigate } from 'react-router-dom';
-import './Globals.css';
+import './globals.css';
 import Header from './components/layout/header/Header';
 import Dashboard from './pages/dashboard/Dashboard';
 import Footer from './components/layout/footer/Footer';
diff --git a/frontend/src/components/layout/header/Header.jsx b/frontend/src/components/layout/header/Header.jsx
index 6bac1ae6..d37989ae 100644
--- a/frontend/src/components/layout/header/Header.jsx
+++ b/frontend/src/components/layout/header/Header.jsx
@@ -7,7 +7,7 @@ import NavigationLinks from '../navigation-links/NavigationLinks';
 import useLockBodyScroll from '../../../hooks/useLockBodyScroll';
 import MobDropdownMenu from '../mob-dropdown-menu/MobDropdownMenu';
 import './Header.css';
-import '../../../Globals.css';
+import '../../../globals.css';
 
 
 function Header({ onConnectWallet, onLogout }) {

From b8a68df77c7da25eccde6a48a8d03e5a0cdc1a14 Mon Sep 17 00:00:00 2001
From: 1nonlypiece <jagadeeshftw@gmail.com>
Date: Fri, 20 Dec 2024 17:44:10 +0530
Subject: [PATCH 20/36] feat(frontend): Address review comments part 1

---
 frontend/src/components/BalanceCards.jsx      |  63 -------
 .../components/BalanceCards/BalanceCards.jsx  |  45 +++++
 .../components/BalanceCards/balanceCards.css  | 149 ++++++++++++++++
 frontend/src/components/PaginationDots.jsx    |  18 --
 frontend/src/globals.css                      |   5 +-
 frontend/src/hooks/useScrollTracker.js        |  27 ---
 frontend/src/pages/forms/Form.jsx             |   2 +-
 frontend/src/pages/forms/form.css             | 162 ------------------
 .../dashboard/withdraw-all/WithdrawAll.jsx    |   2 +-
 .../dashboard/withdraw-all/withdraw_all.css   |   9 -
 frontend/src/pages/vault/stake/Stake.jsx      |   2 +-
 11 files changed, 200 insertions(+), 284 deletions(-)
 delete mode 100644 frontend/src/components/BalanceCards.jsx
 create mode 100644 frontend/src/components/BalanceCards/BalanceCards.jsx
 create mode 100644 frontend/src/components/BalanceCards/balanceCards.css
 delete mode 100644 frontend/src/components/PaginationDots.jsx
 delete mode 100644 frontend/src/hooks/useScrollTracker.js

diff --git a/frontend/src/components/BalanceCards.jsx b/frontend/src/components/BalanceCards.jsx
deleted file mode 100644
index dd1f957f..00000000
--- a/frontend/src/components/BalanceCards.jsx
+++ /dev/null
@@ -1,63 +0,0 @@
-import React, { useEffect } from 'react';
-import { useMatchMedia } from 'hooks/useMatchMedia';
-import { getBalances } from '../services/wallet';
-import useScrollTracker from 'hooks/useScrollTracker';
-import PaginationDots from './PaginationDots';
-import { useWalletStore } from 'stores/useWalletStore';
-
-const BalanceCards = ({balances, setBalances}) => {
-    const { walletId } = useWalletStore();
-
- 
-  const isMobile = useMatchMedia('(max-width: 768px)');
-  const { scrollRef, activeIndex, setActiveIndex } = useScrollTracker();
-
-  const handleDotClick = (index) => {
-    setActiveIndex(index);
-    const balanceContainer = scrollRef.current;
-    const containerWidth = balanceContainer.offsetWidth;
-    const scrollAmount = index * containerWidth;
-  
-    balanceContainer.scrollTo({ left: scrollAmount, behavior: "smooth" });
-  };
-  
-
-  useEffect(() => {
-    getBalances(walletId, setBalances);
-  }, [walletId]);
-
-  return (
-    <div className='balance-card'>
-    <div className="balance-container" ref={scrollRef}>
-      {balances.map((balance) =>
-        isMobile ? (
-          <div className="balance-item" key={balance.title}>
-            <div className="title-container">
-              <label htmlFor="icon" className="balance-title">
-              <span className="token-icon">{balance.icon}</span>
-              </label>
-              <label htmlFor={balance.title}>{balance.title} Balance</label>
-            </div>
-              <label htmlFor={balance.title}>{balance.balance}</label>
-          </div>
-        ) : (
-          <div className="balance-item" key={balance.title}>
-            <label htmlFor={balance.title} className={'balance-title'}>
-            <span className="token-icon blend">{balance.icon}</span>
-              {balance.title} Balance
-            </label>
-            <label htmlFor={balance.title}>{balance.balance}</label>
-          </div>
-        )
-      )}
-    </div>
-      <PaginationDots
-          balances={balances}
-          activeIndex={activeIndex}
-          onDotClick={handleDotClick}
-        />
-      </div>
-  );
-};
-
-export default BalanceCards;
\ No newline at end of file
diff --git a/frontend/src/components/BalanceCards/BalanceCards.jsx b/frontend/src/components/BalanceCards/BalanceCards.jsx
new file mode 100644
index 00000000..836adbae
--- /dev/null
+++ b/frontend/src/components/BalanceCards/BalanceCards.jsx
@@ -0,0 +1,45 @@
+import React, { useEffect } from 'react';
+import { useMatchMedia } from 'hooks/useMatchMedia';
+import { getBalances } from '../../services/wallet';
+import { useWalletStore } from 'stores/useWalletStore';
+import "./balanceCards.css";
+
+const BalanceCards = ({ balances, setBalances }) => {
+  const { walletId } = useWalletStore();
+
+  const isMobile = useMatchMedia('(max-width: 768px)');
+
+  useEffect(() => {
+    getBalances(walletId, setBalances);
+  }, [walletId]);
+
+  return (
+    <div className="balance-card">
+      <div className="balance-container">
+        {balances.map((balance) =>
+          isMobile ? (
+            <div className="balance-item" key={balance.title}>
+              <div className="title-container">
+                <label htmlFor="icon" className="balance-title">
+                  <span className="token-icon">{balance.icon}</span>
+                </label>
+                <label htmlFor={balance.title}>{balance.title} Balance</label>
+              </div>
+              <label htmlFor={balance.title}>{balance.balance}</label>
+            </div>
+          ) : (
+            <div className="balance-item" key={balance.title}>
+              <label htmlFor={balance.title} className={'balance-title'}>
+                <span className="token-icon blend">{balance.icon}</span>
+                {balance.title} Balance
+              </label>
+              <label htmlFor={balance.title}>{balance.balance}</label>
+            </div>
+          )
+        )}
+      </div>
+    </div>
+  );
+};
+
+export default BalanceCards;
diff --git a/frontend/src/components/BalanceCards/balanceCards.css b/frontend/src/components/BalanceCards/balanceCards.css
new file mode 100644
index 00000000..6773f92f
--- /dev/null
+++ b/frontend/src/components/BalanceCards/balanceCards.css
@@ -0,0 +1,149 @@
+.balance-card {
+    max-width: 100%;
+    margin-top: 20px;
+}
+
+.balance-container {
+  display: flex;
+  justify-content: space-between;
+  max-width: 100%;
+  gap: 16px;
+}
+
+.balance-item {
+    display: flex;
+    flex-direction: column;
+    width: 198px;
+    height: 101px;
+    align-items: center;
+    border-radius: 8px;
+    border: 1px solid var(--light-purple);
+    justify-content: center;
+    background-color: var(--dark-purple);
+    padding: 16px 24px;
+}
+
+.balance-item label:nth-child(1) {
+  font-size: 14px;
+  color: var(--secondary);
+  display: flex;
+  gap: 4px;
+}
+
+.balance-item label:nth-child(2) {
+  font-size: 24px;
+  color: var(--secondary);
+  line-height: 32.68px;
+}
+
+.balance-title {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.balance-title span {
+  font-size: 14px;
+}
+
+.balance-title .balance-icon-wrapper {
+  background-color: #201338;
+  border-radius: 12px;
+  display: block;
+  width: 24px;
+  height: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 10px;
+  margin-bottom: 0;
+}
+
+.balance-title svg {
+  height: 18px;
+  width: 18px;
+  height: 18px;
+  width: 18px;
+}
+
+.balance-title.blend svg {
+  filter: grayscale(1);
+}
+
+.token-icon {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 5px;
+    border-radius: 2000px;
+    background-color: hsla(261, 49%, 15%, 1);
+}
+
+
+/* Responsiveness */
+/* Mobile */
+@media (max-width: 768px) {
+
+    .balance-container {
+        flex-direction: row;
+        justify-content: flex-start;
+        gap: 1rem;
+        align-items: center;
+        margin-bottom: 0;
+        overflow-x: auto;
+        scroll-snap-type: x mandatory;
+        gap: 20px;
+        max-width: 100%;
+        scrollbar-width: none;
+        -ms-overflow-style: none;
+    }
+    
+    .balance-item {
+        height: fit-content;
+        padding: 16px 24px;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        margin-right: 0;
+        border-radius: 16px;
+    }
+
+    .balance-item:first-child {
+      margin-left: 20px;
+    }
+
+    .balance-item:last-child {
+      margin-right: 20px;
+    }
+
+    .balance-item .balance-title {
+      font-size: 1rem;
+      display: flex;
+      align-items: center;
+    }
+
+    .balance-item .title-container + label:nth-of-type(1) {
+      font-size: 20px;
+      font-weight: 600;
+    }
+
+    .balance-item label:nth-child(2) {
+      color: var(--secondary);
+      font-size: 14px;
+    }
+    
+    .title-container {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      justify-content: center;
+      width: max-content;
+    }
+
+    .token-icon {
+        margin-right: 5px;
+        position: relative;
+        z-index: 1;
+    }
+
+}
\ No newline at end of file
diff --git a/frontend/src/components/PaginationDots.jsx b/frontend/src/components/PaginationDots.jsx
deleted file mode 100644
index 06a681ed..00000000
--- a/frontend/src/components/PaginationDots.jsx
+++ /dev/null
@@ -1,18 +0,0 @@
-const PaginationDots = ({ balances, activeIndex, onDotClick }) => {
-    const numberOfDots = Math.ceil(balances.length / 2);
-  
-    return (
-      <div className="pagination">
-        {Array.from({ length: numberOfDots }).map((_, index) => (
-          <div
-            key={index}
-            className={`dot ${activeIndex === index ? "active" : ""}`}
-            onClick={() => onDotClick(index)}
-          ></div>
-        ))}
-      </div>
-    );
-  };
-  
-  export default PaginationDots;
-  
\ No newline at end of file
diff --git a/frontend/src/globals.css b/frontend/src/globals.css
index 1750cfae..a2cc6c25 100644
--- a/frontend/src/globals.css
+++ b/frontend/src/globals.css
@@ -67,8 +67,9 @@
   --light-dark-background: #130713;
   --text-gray: #798795;
   --modal-border: #170f2e;
-  --warning-colour:rgba(255, 251, 0, 0.84);
-  --warning-colour-alt: rgb(70, 70, 1);
+  --warning-colour:#BDC000;
+  --warning-colour-alt: #272A0A;
+  --warning-text-colour: #F0F0F0;
 }
 
 body {
diff --git a/frontend/src/hooks/useScrollTracker.js b/frontend/src/hooks/useScrollTracker.js
deleted file mode 100644
index 6f323711..00000000
--- a/frontend/src/hooks/useScrollTracker.js
+++ /dev/null
@@ -1,27 +0,0 @@
-import { useRef, useState, useEffect } from "react";
-
-const useScrollTracker = () => {
-  const scrollRef = useRef(null);
-  const [activeIndex, setActiveIndex] = useState(0);
-
-  const handleScroll = () => {
-    if (scrollRef.current) {
-      const { scrollLeft, scrollWidth, clientWidth } = scrollRef.current;
-      const scrollPercentage = scrollLeft / (scrollWidth - clientWidth);
-      const index = Math.round(scrollPercentage);
-      setActiveIndex(index);
-    }
-  };
-
-  useEffect(() => {
-    const scrollContainer = scrollRef.current;
-    if (scrollContainer) {
-      scrollContainer.addEventListener("scroll", handleScroll);
-      return () => scrollContainer.removeEventListener("scroll", handleScroll);
-    }
-  }, []);
-
-  return { scrollRef, activeIndex, setActiveIndex };
-};
-
-export default useScrollTracker;
diff --git a/frontend/src/pages/forms/Form.jsx b/frontend/src/pages/forms/Form.jsx
index 659f4d73..3c0199ca 100644
--- a/frontend/src/pages/forms/Form.jsx
+++ b/frontend/src/pages/forms/Form.jsx
@@ -3,7 +3,7 @@ import { ReactComponent as ETH } from '../../assets/icons/ethereum.svg';
 import { ReactComponent as USDC } from '../../assets/icons/borrow_usdc.svg';
 import { ReactComponent as STRK } from '../../assets/icons/strk.svg';
 import TokenSelector from 'components/TokenSelector';
-import BalanceCards from 'components/BalanceCards';
+import BalanceCards from 'components/BalanceCards/BalanceCards';
 import MultiplierSelector from 'components/MultiplierSelector';
 import { handleTransaction } from 'services/transaction';
 import Spinner from 'components/spinner/Spinner';
diff --git a/frontend/src/pages/forms/form.css b/frontend/src/pages/forms/form.css
index 8b88b495..6e625b7b 100644
--- a/frontend/src/pages/forms/form.css
+++ b/frontend/src/pages/forms/form.css
@@ -56,15 +56,6 @@
   background: var(--button-gradient);
 }
 
-.token-icon {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 5px;
-  border-radius: 2000px;
-  background-color: hsla(261, 49%, 15%, 1);
-}
-
 .token-label {
   display: flex;
   flex-direction: column;
@@ -232,11 +223,6 @@ input[type='number'].error {
   padding: 1px;
 }
 
-.balance-card {
-  max-width: 100%;
-  margin-top: 20px;
-}
-
 .form-alert {
   display: flex;
   align-items: center;
@@ -246,73 +232,6 @@ input[type='number'].error {
   margin-left: auto;
 }
 
-.balance-container {
-  display: flex;
-  justify-content: space-between;
-  max-width: 100%;
-  gap: 16px;
-}
-
-.balance-item {
-  display: flex;
-  flex-direction: column;
-  width: 198px;
-  height: 101px;
-  align-items: center;
-  border-radius: 16px;
-  border: 1px solid var(--light-purple);
-  justify-content: center;
-  background-color: var(--dark-purple);
-  padding: 16px 30px;
-}
-
-.balance-item label:nth-child(1) {
-  font-size: 14px;
-  color: var(--secondary);
-  display: flex;
-  gap: 4px;
-}
-
-.balance-item label:nth-child(2) {
-  font-size: 24px;
-  color: var(--secondary);
-  line-height: 32.68px;
-}
-
-.balance-title {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.balance-title span {
-  font-size: 14px;
-}
-
-.balance-title .balance-icon-wrapper {
-  background-color: #201338;
-  border-radius: 12px;
-  display: block;
-  width: 24px;
-  height: 24px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin-right: 10px;
-  margin-bottom: 0;
-}
-
-.balance-title svg {
-  height: 18px;
-  width: 18px;
-  height: 18px;
-  width: 18px;
-}
-
-.balance-title.blend svg {
-  filter: grayscale(1);
-}
-
 /* Responsiveness */
 /* Mobile */
 @media (max-width: 768px) {
@@ -347,67 +266,11 @@ input[type='number'].error {
     font-size: 12px;
   }
 
-  .balance-container {
-    flex-direction: row;
-    justify-content: flex-start;
-    gap: 1rem;
-    align-items: center;
-    margin-bottom: 0;
-    overflow-x: auto;
-    scroll-snap-type: x mandatory;
-    gap: 20px;
-    max-width: 100%;
-    scrollbar-width: none;
-    -ms-overflow-style: none;
-  }
-
-  .balance-item {
-    height: fit-content;
-    padding: 16px 24px;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    margin-right: 0;
-    border-radius: 16px;
-  }
-
-  .balance-item:first-child {
-    margin-left: 20px;
-  }
-
-  .balance-item:last-child {
-    margin-right: 20px;
-  }
-
-  .balance-item .balance-title {
-    font-size: 1rem;
-    display: flex;
-    align-items: center;
-  }
-
-  .balance-item .title-container + label:nth-of-type(1) {
-    font-size: 20px;
-    font-weight: 600;
-  }
-
-  .title-container {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: center;
-    width: max-content;
-  }
-
   .multiplier-card {
     grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
     display: grid;
   }
 
-  .balance-item label:nth-child(2) {
-    color: var(--secondary);
-    font-size: 14px;
-  }
-
   .form-title h1 {
     text-align: center;
     font-weight: normal;
@@ -415,12 +278,6 @@ input[type='number'].error {
     margin-bottom: 20px;
   }
 
-  .token-icon {
-    margin-right: 5px;
-    position: relative;
-    z-index: 1;
-  }
-
   .token-card {
     width: auto;
     height: auto;
@@ -454,25 +311,6 @@ input[type='number'].error {
     position: relative;
   }
 
-  .pagination {
-    display: flex;
-    gap: 8px;
-    margin-top: 25px;
-    justify-content: center;
-  }
-
-  .dot {
-    width: 8px;
-    height: 8px;
-    border-radius: 50%;
-    background-color: rgba(255, 255, 255, 0.3);
-    transition: background-color 0.3s ease;
-  }
-
-  .dot.active {
-    background-color: var(--light-blue);
-  }
-
   .token-label {
     margin-top: 0;
   }
diff --git a/frontend/src/pages/spotnet/dashboard/withdraw-all/WithdrawAll.jsx b/frontend/src/pages/spotnet/dashboard/withdraw-all/WithdrawAll.jsx
index fcf22bda..c5eef815 100644
--- a/frontend/src/pages/spotnet/dashboard/withdraw-all/WithdrawAll.jsx
+++ b/frontend/src/pages/spotnet/dashboard/withdraw-all/WithdrawAll.jsx
@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import BalanceCards from 'components/BalanceCards';
+import BalanceCards from 'components/BalanceCards/BalanceCards';
 import { ReactComponent as ETH } from '../../../../assets/icons/ethereum.svg';
 import { ReactComponent as USDC } from '../../../../assets/icons/borrow_usdc.svg';
 import { ReactComponent as STRK } from '../../../../assets/icons/strk.svg';
diff --git a/frontend/src/pages/spotnet/dashboard/withdraw-all/withdraw_all.css b/frontend/src/pages/spotnet/dashboard/withdraw-all/withdraw_all.css
index a7384a8a..b7a57c23 100644
--- a/frontend/src/pages/spotnet/dashboard/withdraw-all/withdraw_all.css
+++ b/frontend/src/pages/spotnet/dashboard/withdraw-all/withdraw_all.css
@@ -1,12 +1,3 @@
-body {
-    font-family:
-      'Rethink Sans',
-      -apple-system,
-      Roboto,
-      Helvetica,
-      sans-serif;
-  }
-  
   .withdrawall-wrapper {
     position: relative;
     background: url('../../../../../public/Form-bg.png') no-repeat;
diff --git a/frontend/src/pages/vault/stake/Stake.jsx b/frontend/src/pages/vault/stake/Stake.jsx
index aa248d69..330f00fe 100644
--- a/frontend/src/pages/vault/stake/Stake.jsx
+++ b/frontend/src/pages/vault/stake/Stake.jsx
@@ -10,7 +10,7 @@ import './stake.css';
 import { VaultLayout } from '../VaultLayout';
 import { Button } from 'components/ui/Button';
 import GasFee from 'components/GasFee/GasFee';
-import BalanceCards from 'components/BalanceCards';
+import BalanceCards from 'components/BalanceCards/BalanceCards';
 
 function Stake() {
   const [selectedNetwork, setSelectedNetwork] = useState('Starknet');

From bf2c70424cbb9c062132d05bb65a5cf404399e3d Mon Sep 17 00:00:00 2001
From: 1nonlypiece <jagadeeshftw@gmail.com>
Date: Fri, 20 Dec 2024 18:21:30 +0530
Subject: [PATCH 21/36] feat(frontend): Refactor Withdraw All functionality

---
 frontend/src/hooks/useWithdrawAll.js          | 24 +++++++++++++
 .../dashboard/withdraw-all/WithdrawAll.jsx    | 36 ++++---------------
 .../dashboard/withdraw-all/withdraw_all.css   | 12 -------
 3 files changed, 30 insertions(+), 42 deletions(-)
 create mode 100644 frontend/src/hooks/useWithdrawAll.js

diff --git a/frontend/src/hooks/useWithdrawAll.js b/frontend/src/hooks/useWithdrawAll.js
new file mode 100644
index 00000000..693d5975
--- /dev/null
+++ b/frontend/src/hooks/useWithdrawAll.js
@@ -0,0 +1,24 @@
+import { useMutation } from "@tanstack/react-query";
+import { axiosInstance } from "utils/axios";
+import { notify } from "components/Notifier/Notifier";
+
+const useWithdrawAll = () => {
+    const mutation = useMutation({
+        mutationFn: async (walletId) => {
+            if (!walletId) throw new Error("Wallet ID is required.");
+            await axiosInstance.get(`/api/withdraw-all?wallet_id=${walletId}`);
+        },
+        onSuccess: () => {
+            notify("Withdraw All operation completed successfully!", "success");
+        },
+        onError: (error) => {
+            notify(error?.message || "Failed to complete the Withdraw All operation.", "error");
+        },
+    });
+
+    return {
+        withdrawAll: mutation.mutate
+    };
+};
+
+export default useWithdrawAll;
diff --git a/frontend/src/pages/spotnet/dashboard/withdraw-all/WithdrawAll.jsx b/frontend/src/pages/spotnet/dashboard/withdraw-all/WithdrawAll.jsx
index c5eef815..93779d88 100644
--- a/frontend/src/pages/spotnet/dashboard/withdraw-all/WithdrawAll.jsx
+++ b/frontend/src/pages/spotnet/dashboard/withdraw-all/WithdrawAll.jsx
@@ -6,8 +6,7 @@ import { ReactComponent as STRK } from '../../../../assets/icons/strk.svg';
 import './withdraw_all.css';
 import { useWalletStore } from 'stores/useWalletStore';
 import Button from 'components/ui/Button/Button';
-import { ReactComponent as AlertHexagon } from 'assets/icons/alert_hexagon.svg';
-import { axiosInstance } from 'utils/axios';
+import useWithdrawAll from 'hooks/useWithdrawAll';
 
 const WithdrawAll = () => {
   const { walletId } = useWalletStore();
@@ -16,27 +15,10 @@ const WithdrawAll = () => {
     { icon: <USDC />, title: 'USDC', balance: '0.00' },
     { icon: <STRK />, title: 'STRK', balance: '0.00' },
   ]);
-  const [loading, setLoading] = useState(false);
-  const [error, setError] = useState(null);
 
-  const handleWithdrawAll = async () => {
-    setLoading(true);
-    setError(null);
-
-    try {
-      const response = await axiosInstance.get(`/api/withdraw-all?wallet_id=${walletId}`);
-      console.log(response);
-      if (response.status === 200) {
-        console.log('Withdraw All operation completed successfully.');
-      } else {
-        console.log('Failed to complete the Withdraw All operation.');
-      }
-    } catch (error) {
-      console.error('Error during Withdraw All operation:', error);
-      setError('Something went wrong. Please try again.');
-    } finally {
-      setLoading(false);
-    }
+  const { withdrawAll } = useWithdrawAll();
+  const handleWithdrawAll = () => {
+    withdrawAll(walletId);
   };
 
   return (
@@ -53,18 +35,12 @@ const WithdrawAll = () => {
           size="lg"
           type="button"
           onClick={handleWithdrawAll}
-          disabled={loading}
         >
-          {loading ? 'Processing...' : 'Withdraw All'}
+          Withdraw All
         </Button>
-        {error && (
-          <div className="error-message">
-            Error: {error} <AlertHexagon className="form-alert-hex" />
-          </div>
-        )}
       </div>
     </div>
   );
 };
 
-export default WithdrawAll;
\ No newline at end of file
+export default WithdrawAll;
diff --git a/frontend/src/pages/spotnet/dashboard/withdraw-all/withdraw_all.css b/frontend/src/pages/spotnet/dashboard/withdraw-all/withdraw_all.css
index b7a57c23..5bd727b4 100644
--- a/frontend/src/pages/spotnet/dashboard/withdraw-all/withdraw_all.css
+++ b/frontend/src/pages/spotnet/dashboard/withdraw-all/withdraw_all.css
@@ -52,18 +52,6 @@
   .withdrawall-btn {
     border-radius: 4px;
   }
-
-  .error-message {
-    padding: 10px;
-    border-radius: 5px;
-    background-color: var(--error-color);
-    font-size: 15px;
-    color: var(--black);
-    margin-bottom: 5px;
-    width: 100%;
-    display: flex;
-    justify-content: space-between;
-  }
   
   @media (max-width: 768px) {
     .withdrawall-wrapper {

From 4b93be50964f894c4f7902ea36f7aeae913a7d70 Mon Sep 17 00:00:00 2001
From: system625 <tunde-ajayi.olaoluwasijibomi@lmu.edu.ng>
Date: Fri, 20 Dec 2024 14:10:32 +0100
Subject: [PATCH 22/36] progress

---
 frontend/src/components/dashboard/borrow/Borrow.jsx             | 2 +-
 frontend/src/components/dashboard/collateral/Collateral.jsx     | 2 +-
 frontend/src/components/home/about/About.jsx                    | 2 +-
 frontend/src/components/home/dont-miss/DontMiss.jsx             | 2 +-
 frontend/src/components/home/home/Home.jsx                      | 2 +-
 frontend/src/components/home/information/Information.jsx        | 2 +-
 frontend/src/components/home/partnership/Partnership.jsx        | 2 +-
 .../layout/congratulations-modal/CongratulationsModal.jsx       | 2 +-
 frontend/src/components/layout/footer/Footer.jsx                | 2 +-
 frontend/src/components/layout/header/Header.jsx                | 2 +-
 .../src/components/layout/mob-dropdown-menu/MobDropdownMenu.jsx | 2 +-
 frontend/src/components/layout/section/Section.jsx              | 2 +-
 frontend/src/components/table-of-content/TableOfContents.jsx    | 2 +-
 frontend/src/components/ui/action-modal/ActionModal.jsx         | 2 +-
 frontend/src/components/ui/card/Card.jsx                        | 2 +-
 .../components/ui/multiplier-selector/MultiplierSelector.jsx    | 2 +-
 frontend/src/components/ui/scroll-button/ScrollButton.jsx       | 2 +-
 frontend/src/components/ui/spinner/Spinner.jsx                  | 2 +-
 frontend/src/components/vault/VaultLayout.jsx                   | 2 +-
 frontend/src/components/vault/gas-fee/GasFee.jsx                | 2 +-
 frontend/src/components/vault/metric-card/MetricCard.jsx        | 2 +-
 frontend/src/components/vault/stake-card/StakeCard.jsx          | 2 +-
 frontend/src/pages/dashboard/Dashboard.jsx                      | 2 +-
 frontend/src/pages/documentation/Documentation.jsx              | 2 +-
 frontend/src/pages/form/Form.jsx                                | 2 +-
 frontend/src/pages/overview/Overview.jsx                        | 2 +-
 frontend/src/pages/position-history/PositionHistory.jsx         | 2 +-
 frontend/src/pages/stake/Stake.jsx                              | 2 +-
 frontend/src/pages/withdraw/Withdraw.jsx                        | 2 +-
 29 files changed, 29 insertions(+), 29 deletions(-)

diff --git a/frontend/src/components/dashboard/borrow/Borrow.jsx b/frontend/src/components/dashboard/borrow/Borrow.jsx
index c8222081..773a37da 100644
--- a/frontend/src/components/dashboard/borrow/Borrow.jsx
+++ b/frontend/src/components/dashboard/borrow/Borrow.jsx
@@ -1,5 +1,5 @@
 import React from "react"
-import './Borrow.css'
+import './borrow.css'
 import { ReactComponent as BorrowIcon } from 'assets/icons/borrow_dynamic.svg';
 
 function Borrow({data}){
diff --git a/frontend/src/components/dashboard/collateral/Collateral.jsx b/frontend/src/components/dashboard/collateral/Collateral.jsx
index 2c244cdc..7714705e 100644
--- a/frontend/src/components/dashboard/collateral/Collateral.jsx
+++ b/frontend/src/components/dashboard/collateral/Collateral.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import './Collateral.css';
+import './collateral.css';
 import { ReactComponent as CollateralIcon } from 'assets/icons/collateral_dynamic.svg';
 import { TrendingDown, TrendingUp } from 'lucide-react';
 
diff --git a/frontend/src/components/home/about/About.jsx b/frontend/src/components/home/about/About.jsx
index 043f13ce..68175180 100644
--- a/frontend/src/components/home/about/About.jsx
+++ b/frontend/src/components/home/about/About.jsx
@@ -4,7 +4,7 @@ import { ReactComponent as BorrowUSDC } from '../../../assets/icons/borrow_usdc.
 import { ReactComponent as EkuboSwap } from '../../../assets/icons/ekubo_swap.svg';
 import { ReactComponent as Repeat } from '../../../assets/icons/repeats.svg';
 import StarMaker from '../../layout/star-maker/StarMaker';
-import './About.css';
+import './about.css';
 
 const CardData = [
   {
diff --git a/frontend/src/components/home/dont-miss/DontMiss.jsx b/frontend/src/components/home/dont-miss/DontMiss.jsx
index dace0390..6754408a 100644
--- a/frontend/src/components/home/dont-miss/DontMiss.jsx
+++ b/frontend/src/components/home/dont-miss/DontMiss.jsx
@@ -1,4 +1,4 @@
-import './DontMiss.css';
+import './dontMiss.css';
 import React from 'react';
 import { ReactComponent as Rocket } from '../../../assets/icons/rocket.svg';
 import { ReactComponent as Hand } from '../../../assets/images/hand.svg';
diff --git a/frontend/src/components/home/home/Home.jsx b/frontend/src/components/home/home/Home.jsx
index d889e442..3de34413 100644
--- a/frontend/src/components/home/home/Home.jsx
+++ b/frontend/src/components/home/home/Home.jsx
@@ -5,7 +5,7 @@ import StarMaker from '../../layout/star-maker/StarMaker';
 import { ReactComponent as Decoration } from '../../../assets/particles/deco.svg';
 import { ReactComponent as Starknet } from '../../../assets/particles/starknet.svg';
 import { ReactComponent as Rocket } from '../../../assets/icons/rocket.svg';
-import './Home.css';
+import './home.css';
 import { useWalletStore } from '../../../stores/useWalletStore';
 import { notify } from '../../layout/notifier/Notifier';
 
diff --git a/frontend/src/components/home/information/Information.jsx b/frontend/src/components/home/information/Information.jsx
index 3fec825f..0f237c4e 100644
--- a/frontend/src/components/home/information/Information.jsx
+++ b/frontend/src/components/home/information/Information.jsx
@@ -1,4 +1,4 @@
-import './Information.css';
+import './information.css';
 import React, { useEffect, useState } from 'react';
 import StarMaker from '../../layout/star-maker/StarMaker';
 import { axiosInstance } from 'utils/axios';
diff --git a/frontend/src/components/home/partnership/Partnership.jsx b/frontend/src/components/home/partnership/Partnership.jsx
index 1650f7c2..f3b8a065 100644
--- a/frontend/src/components/home/partnership/Partnership.jsx
+++ b/frontend/src/components/home/partnership/Partnership.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import './Partnership.css';
+import './partnership.css';
 import { ReactComponent as ZklendLogo } from '../../../assets/images/zklend_logo.svg';
 import { ReactComponent as EkuboLogo } from '../../../assets/images/ekubo_logo.svg';
 import { ReactComponent as Star } from '../../../assets/particles/star.svg';
diff --git a/frontend/src/components/layout/congratulations-modal/CongratulationsModal.jsx b/frontend/src/components/layout/congratulations-modal/CongratulationsModal.jsx
index 6f74faee..699d48bc 100644
--- a/frontend/src/components/layout/congratulations-modal/CongratulationsModal.jsx
+++ b/frontend/src/components/layout/congratulations-modal/CongratulationsModal.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import './CongratulationsModal.css';
+import './congratulationsModal.css';
 import doneLogo from '../../../assets/icons/done-badge.svg';
 import { useNavigate } from 'react-router-dom';
 
diff --git a/frontend/src/components/layout/footer/Footer.jsx b/frontend/src/components/layout/footer/Footer.jsx
index 58acfcb8..3b4b5fc2 100644
--- a/frontend/src/components/layout/footer/Footer.jsx
+++ b/frontend/src/components/layout/footer/Footer.jsx
@@ -7,7 +7,7 @@ import { ReactComponent as GithubIcon } from '../../../assets/icons/github.svg';
 import { ReactComponent as DashboardIcon } from '../../../assets/icons/dashboard-icon.svg';
 import { ReactComponent as FormIcon } from '../../../assets/icons/form-icon.svg';
 
-import './Footer.css';
+import './footer.css';
 
 function Footer() {
   const socialLinks = [
diff --git a/frontend/src/components/layout/header/Header.jsx b/frontend/src/components/layout/header/Header.jsx
index d37989ae..f7b0ee63 100644
--- a/frontend/src/components/layout/header/Header.jsx
+++ b/frontend/src/components/layout/header/Header.jsx
@@ -6,7 +6,7 @@ import WalletSection from '../wallet-section/WalletSection';
 import NavigationLinks from '../navigation-links/NavigationLinks';
 import useLockBodyScroll from '../../../hooks/useLockBodyScroll';
 import MobDropdownMenu from '../mob-dropdown-menu/MobDropdownMenu';
-import './Header.css';
+import './header.css';
 import '../../../globals.css';
 
 
diff --git a/frontend/src/components/layout/mob-dropdown-menu/MobDropdownMenu.jsx b/frontend/src/components/layout/mob-dropdown-menu/MobDropdownMenu.jsx
index 73710942..40771367 100644
--- a/frontend/src/components/layout/mob-dropdown-menu/MobDropdownMenu.jsx
+++ b/frontend/src/components/layout/mob-dropdown-menu/MobDropdownMenu.jsx
@@ -3,7 +3,7 @@ import { ReactComponent as ArrowDownIcon } from '../../../assets/icons/dropdown-
 import { ReactComponent as ReloadIcon } from '../../../assets/icons/reload.svg';
 import { ReactComponent as OpenBotIcon } from '../../../assets/icons/bot.svg';
 import { ReactComponent as TermsIcon } from '../../../assets/icons/terms.svg';
-import './MobDropdownMenu.css';
+import './mobDropdownMenu.css';
 
 const menuItems = [
   { id: 1, text: 'Reload page', icon: <ReloadIcon className="dpd-icon" />, link: '#' },
diff --git a/frontend/src/components/layout/section/Section.jsx b/frontend/src/components/layout/section/Section.jsx
index 4366f6ff..2ddf1fb9 100644
--- a/frontend/src/components/layout/section/Section.jsx
+++ b/frontend/src/components/layout/section/Section.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import './Section.css';
+import './section.css';
 
 const Section = ({ id, title, content }) => {
   const renderContent = (item, index) => {
diff --git a/frontend/src/components/table-of-content/TableOfContents.jsx b/frontend/src/components/table-of-content/TableOfContents.jsx
index 9f3127f7..aeb09802 100644
--- a/frontend/src/components/table-of-content/TableOfContents.jsx
+++ b/frontend/src/components/table-of-content/TableOfContents.jsx
@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from 'react';
-import './TableOfContentStyles.css';
+import './tableOfContentStyles.css';
 
 const TableOfContents = ({ items, defaultActiveId, tabelTitle, headerHeight = 80 }) => {
   const [activeId, setActiveId] = useState(defaultActiveId);
diff --git a/frontend/src/components/ui/action-modal/ActionModal.jsx b/frontend/src/components/ui/action-modal/ActionModal.jsx
index f4c43b54..1b942e5d 100644
--- a/frontend/src/components/ui/action-modal/ActionModal.jsx
+++ b/frontend/src/components/ui/action-modal/ActionModal.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import './ActionModal.css';
+import './actionModal.css';
 import { Button } from '../button';
 import useLockBodyScroll from 'hooks/useLockBodyScroll';
 const ActionModal = ({
diff --git a/frontend/src/components/ui/card/Card.jsx b/frontend/src/components/ui/card/Card.jsx
index 8c064c72..b0cb4e46 100644
--- a/frontend/src/components/ui/card/Card.jsx
+++ b/frontend/src/components/ui/card/Card.jsx
@@ -1,4 +1,4 @@
-import './Card.css';
+import './card.css';
 
 function Card({ label, icon, value = '', cardData = [] }) {
   return (
diff --git a/frontend/src/components/ui/multiplier-selector/MultiplierSelector.jsx b/frontend/src/components/ui/multiplier-selector/MultiplierSelector.jsx
index 73e8dc92..e1742d02 100644
--- a/frontend/src/components/ui/multiplier-selector/MultiplierSelector.jsx
+++ b/frontend/src/components/ui/multiplier-selector/MultiplierSelector.jsx
@@ -1,7 +1,7 @@
 import React, { useMemo, useCallback, useState, useRef, useEffect } from 'react';
 import { useMaxMultiplier } from '../../../hooks/useMaxMultiplier';
 import sliderThumb from '../../../assets/icons/slider_thumb.svg';
-import './Multiplier.css';
+import './multiplier.css';
 
 const MultiplierSelector = ({ setSelectedMultiplier, selectedToken }) => {
   const minMultiplier = 1.1;
diff --git a/frontend/src/components/ui/scroll-button/ScrollButton.jsx b/frontend/src/components/ui/scroll-button/ScrollButton.jsx
index dc331f25..d15aa3a9 100644
--- a/frontend/src/components/ui/scroll-button/ScrollButton.jsx
+++ b/frontend/src/components/ui/scroll-button/ScrollButton.jsx
@@ -1,5 +1,5 @@
 import React, { useState, useEffect } from 'react';
-import './ScrollButton.css';
+import './scrollButton.css';
 
 const ScrollButton = () => {
   const [isVisible, setIsVisible] = useState(false);
diff --git a/frontend/src/components/ui/spinner/Spinner.jsx b/frontend/src/components/ui/spinner/Spinner.jsx
index c9550bfd..a6d0a20f 100644
--- a/frontend/src/components/ui/spinner/Spinner.jsx
+++ b/frontend/src/components/ui/spinner/Spinner.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import './Spinner.css';
+import './spinner.css';
 
 const Spinner = ({ loading }) => {
   return (
diff --git a/frontend/src/components/vault/VaultLayout.jsx b/frontend/src/components/vault/VaultLayout.jsx
index ac436855..64567785 100644
--- a/frontend/src/components/vault/VaultLayout.jsx
+++ b/frontend/src/components/vault/VaultLayout.jsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import { NavLink, Outlet } from 'react-router-dom';
-import './VaultLayout.css';
+import './vaultLayout.css';
 
 export function VaultLayout({ children }) {
   return (
diff --git a/frontend/src/components/vault/gas-fee/GasFee.jsx b/frontend/src/components/vault/gas-fee/GasFee.jsx
index 692bc898..49e75451 100644
--- a/frontend/src/components/vault/gas-fee/GasFee.jsx
+++ b/frontend/src/components/vault/gas-fee/GasFee.jsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import { ReactComponent as SettingIcon } from 'assets/icons/settings.svg';
-import './GasFee.css';
+import './gasFee.css';
 
 
 export default function GasFee() {
diff --git a/frontend/src/components/vault/metric-card/MetricCard.jsx b/frontend/src/components/vault/metric-card/MetricCard.jsx
index ae668d2b..8b1f577d 100644
--- a/frontend/src/components/vault/metric-card/MetricCard.jsx
+++ b/frontend/src/components/vault/metric-card/MetricCard.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import './MetricCard.css';
+import './metricCard.css';
 
 export default function MetricCard({ title, value }) {
   return (
diff --git a/frontend/src/components/vault/stake-card/StakeCard.jsx b/frontend/src/components/vault/stake-card/StakeCard.jsx
index 1a38643a..2c635aaa 100644
--- a/frontend/src/components/vault/stake-card/StakeCard.jsx
+++ b/frontend/src/components/vault/stake-card/StakeCard.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import './StakeCard.css';
+import './stakeCard.css';
 
 export default function StakeCard({ icon= 1, title, value }) {
   return (
diff --git a/frontend/src/pages/dashboard/Dashboard.jsx b/frontend/src/pages/dashboard/Dashboard.jsx
index ce07f3f8..65aba60c 100644
--- a/frontend/src/pages/dashboard/Dashboard.jsx
+++ b/frontend/src/pages/dashboard/Dashboard.jsx
@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from 'react';
-import './Dashboard.css';
+import './dashboard.css';
 import { ReactComponent as EthIcon } from '../../assets/icons/ethereum.svg';
 import { ReactComponent as StrkIcon } from '../../assets/icons/strk.svg';
 import { ReactComponent as UsdIcon } from '../../assets/icons/usd_coin.svg';
diff --git a/frontend/src/pages/documentation/Documentation.jsx b/frontend/src/pages/documentation/Documentation.jsx
index 37635b07..cec15b16 100644
--- a/frontend/src/pages/documentation/Documentation.jsx
+++ b/frontend/src/pages/documentation/Documentation.jsx
@@ -1,5 +1,5 @@
 import React, { useEffect } from 'react';
-import './Documentation.css';
+import './documentation.css';
 import TableOfContents from '../../components/table-of-content/TableOfContents';
 import ScrollButton from '../../components/ui/scroll-button/ScrollButton';
 import Sections from 'components/layout/sections/Sections';
diff --git a/frontend/src/pages/form/Form.jsx b/frontend/src/pages/form/Form.jsx
index 353050bd..8f1872ba 100644
--- a/frontend/src/pages/form/Form.jsx
+++ b/frontend/src/pages/form/Form.jsx
@@ -7,7 +7,7 @@ import BalanceCards from '../../components/ui/balance-cards/BalanceCards';
 import MultiplierSelector from '../../components/ui/multiplier-selector/MultiplierSelector';
 import { handleTransaction } from '../../services/transaction';
 import Spinner from '../../components/ui/spinner/Spinner';
-import './Form.css';
+import './form.css';
 import { createPortal } from 'react-dom';
 import useLockBodyScroll from '../../hooks/useLockBodyScroll';
 import CongratulationsModal from '../../components/layout/congratulations-modal/CongratulationsModal';
diff --git a/frontend/src/pages/overview/Overview.jsx b/frontend/src/pages/overview/Overview.jsx
index d203d417..44a3d4f5 100644
--- a/frontend/src/pages/overview/Overview.jsx
+++ b/frontend/src/pages/overview/Overview.jsx
@@ -1,5 +1,5 @@
 import React, { useEffect } from 'react';
-import './Overview.css';
+import './overview.css';
 import TableOfContents from '../../components/table-of-content/TableOfContents';
 import ScrollButton from '../../components/ui/scroll-button/ScrollButton';
 import Sections from '../../components/layout/sections/Sections';
diff --git a/frontend/src/pages/position-history/PositionHistory.jsx b/frontend/src/pages/position-history/PositionHistory.jsx
index de557b3c..3aef7523 100644
--- a/frontend/src/pages/position-history/PositionHistory.jsx
+++ b/frontend/src/pages/position-history/PositionHistory.jsx
@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import './PositionHistory.css';
+import './positionHistory.css';
 import { ReactComponent as HealthIcon } from '../../assets/icons/health.svg';
 import { ReactComponent as EthIcon } from '../../assets/icons/ethereum.svg';
 import { ReactComponent as StrkIcon } from '../../assets/icons/strk.svg';
diff --git a/frontend/src/pages/stake/Stake.jsx b/frontend/src/pages/stake/Stake.jsx
index d12a0bf7..943a14b6 100644
--- a/frontend/src/pages/stake/Stake.jsx
+++ b/frontend/src/pages/stake/Stake.jsx
@@ -6,7 +6,7 @@ import { ReactComponent as STTRK } from '../../assets/icons/strk.svg';
 import MetricCard from '../../components/vault/stake-card/StakeCard';
 import STRK from '../../assets/icons/strk.svg';
 import USDCc from '../../assets/icons/apy_icon.svg';
-import './Stake.css';
+import './stake.css';
 import { VaultLayout } from '../../components/vault/VaultLayout';
 import { Button } from 'components/ui/button';
 import GasFee from '../../components/vault/gas-fee/GasFee';
diff --git a/frontend/src/pages/withdraw/Withdraw.jsx b/frontend/src/pages/withdraw/Withdraw.jsx
index 652043a5..e8504246 100644
--- a/frontend/src/pages/withdraw/Withdraw.jsx
+++ b/frontend/src/pages/withdraw/Withdraw.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import './Withdraw.css';
+import './withdraw.css';
 import { ReactComponent as DiamondIcon } from '../../assets/icons/diamond.svg';
 import { ReactComponent as TimeIcon } from '../../assets/icons/time.svg';
 import { ReactComponent as SettingIcon } from '../../assets/icons/settings.svg';

From bc8f0473c652aca69755cb4a9f935b3c4253f7dc Mon Sep 17 00:00:00 2001
From: system625 <tunde-ajayi.olaoluwasijibomi@lmu.edu.ng>
Date: Fri, 20 Dec 2024 14:17:17 +0100
Subject: [PATCH 23/36] test

---
 frontend/src/components/layout/header/Header.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/components/layout/header/Header.jsx b/frontend/src/components/layout/header/Header.jsx
index f7b0ee63..ba8cf971 100644
--- a/frontend/src/components/layout/header/Header.jsx
+++ b/frontend/src/components/layout/header/Header.jsx
@@ -6,7 +6,7 @@ import WalletSection from '../wallet-section/WalletSection';
 import NavigationLinks from '../navigation-links/NavigationLinks';
 import useLockBodyScroll from '../../../hooks/useLockBodyScroll';
 import MobDropdownMenu from '../mob-dropdown-menu/MobDropdownMenu';
-import './header.css';
+import 'header.css';
 import '../../../globals.css';
 
 

From 3751e7dc3e6d7ee24e43b87cac7846d7b9cc0bdc Mon Sep 17 00:00:00 2001
From: system625 <tunde-ajayi.olaoluwasijibomi@lmu.edu.ng>
Date: Fri, 20 Dec 2024 14:40:15 +0100
Subject: [PATCH 24/36] test

---
 frontend/src/components/layout/header/Header.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/components/layout/header/Header.jsx b/frontend/src/components/layout/header/Header.jsx
index ba8cf971..62f13f33 100644
--- a/frontend/src/components/layout/header/Header.jsx
+++ b/frontend/src/components/layout/header/Header.jsx
@@ -6,7 +6,7 @@ import WalletSection from '../wallet-section/WalletSection';
 import NavigationLinks from '../navigation-links/NavigationLinks';
 import useLockBodyScroll from '../../../hooks/useLockBodyScroll';
 import MobDropdownMenu from '../mob-dropdown-menu/MobDropdownMenu';
-import 'header.css';
+import '../../layout/header/header.css';
 import '../../../globals.css';
 
 

From a2802951f4fcf79e04a18548ec4bca6b04d3346b Mon Sep 17 00:00:00 2001
From: system625 <tunde-ajayi.olaoluwasijibomi@lmu.edu.ng>
Date: Fri, 20 Dec 2024 14:41:13 +0100
Subject: [PATCH 25/36] testing

---
 frontend/src/components/layout/footer/Footer.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/components/layout/footer/Footer.jsx b/frontend/src/components/layout/footer/Footer.jsx
index 3b4b5fc2..ec1a868e 100644
--- a/frontend/src/components/layout/footer/Footer.jsx
+++ b/frontend/src/components/layout/footer/Footer.jsx
@@ -7,7 +7,7 @@ import { ReactComponent as GithubIcon } from '../../../assets/icons/github.svg';
 import { ReactComponent as DashboardIcon } from '../../../assets/icons/dashboard-icon.svg';
 import { ReactComponent as FormIcon } from '../../../assets/icons/form-icon.svg';
 
-import './footer.css';
+import '../../layout/footer/footer.css';
 
 function Footer() {
   const socialLinks = [

From 5938155d844337c2bcd7649d005f3365d602de7f Mon Sep 17 00:00:00 2001
From: 1nonlypiece <jagadeeshftw@gmail.com>
Date: Fri, 20 Dec 2024 19:12:17 +0530
Subject: [PATCH 26/36] feat(frontend): Address review comments part 2

---
 .../components/BalanceCards/BalanceCards.jsx  |  3 ++-
 .../components/BalanceCards/balanceCards.css  |  3 +++
 .../dashboard/withdraw-all/WithdrawAll.jsx    | 25 +++++++++---------
 .../dashboard/withdraw-all/withdraw_all.css   | 26 ++++++++++++++-----
 4 files changed, 38 insertions(+), 19 deletions(-)

diff --git a/frontend/src/components/BalanceCards/BalanceCards.jsx b/frontend/src/components/BalanceCards/BalanceCards.jsx
index 836adbae..4d3f3722 100644
--- a/frontend/src/components/BalanceCards/BalanceCards.jsx
+++ b/frontend/src/components/BalanceCards/BalanceCards.jsx
@@ -31,7 +31,8 @@ const BalanceCards = ({ balances, setBalances }) => {
             <div className="balance-item" key={balance.title}>
               <label htmlFor={balance.title} className={'balance-title'}>
                 <span className="token-icon blend">{balance.icon}</span>
-                {balance.title} Balance
+                <span className="balance-text">{balance.title} Balance</span>
+        
               </label>
               <label htmlFor={balance.title}>{balance.balance}</label>
             </div>
diff --git a/frontend/src/components/BalanceCards/balanceCards.css b/frontend/src/components/BalanceCards/balanceCards.css
index 6773f92f..c34714a1 100644
--- a/frontend/src/components/BalanceCards/balanceCards.css
+++ b/frontend/src/components/BalanceCards/balanceCards.css
@@ -70,6 +70,9 @@
   filter: grayscale(1);
 }
 
+.balance-text {
+    color: #83919F;
+}
 .token-icon {
     display: flex;
     align-items: center;
diff --git a/frontend/src/pages/spotnet/dashboard/withdraw-all/WithdrawAll.jsx b/frontend/src/pages/spotnet/dashboard/withdraw-all/WithdrawAll.jsx
index 93779d88..c8c44aba 100644
--- a/frontend/src/pages/spotnet/dashboard/withdraw-all/WithdrawAll.jsx
+++ b/frontend/src/pages/spotnet/dashboard/withdraw-all/WithdrawAll.jsx
@@ -25,19 +25,20 @@ const WithdrawAll = () => {
     <div className="withdrawall-wrapper">
       <div className="withdrawall-container">
         <BalanceCards balances={balances} setBalances={setBalances} walletId={walletId} />
-        <div className="withdrawall-info-card">
-          Clicking on the `Withdraw All` button means you are agreeing to close all positions and get all tokens
-          transferred to your wallet.
+        <div className="withdrawall-content">
+          
+        <div className="withdrawall-title">
+          <h1>Please take special note</h1>
+        </div>
+
+          <div className="withdrawall-info-card">
+            Clicking on the `Withdraw All` button means you are agreeing to close all positions and get all tokens
+            transferred to your wallet.
+          </div>
+          <Button className="withdrawall-btn" variant="secondary" size="lg" type="button" onClick={handleWithdrawAll}>
+            Withdraw All
+          </Button>
         </div>
-        <Button
-          className="withdrawall-btn"
-          variant="secondary"
-          size="lg"
-          type="button"
-          onClick={handleWithdrawAll}
-        >
-          Withdraw All
-        </Button>
       </div>
     </div>
   );
diff --git a/frontend/src/pages/spotnet/dashboard/withdraw-all/withdraw_all.css b/frontend/src/pages/spotnet/dashboard/withdraw-all/withdraw_all.css
index 5bd727b4..a68fbb92 100644
--- a/frontend/src/pages/spotnet/dashboard/withdraw-all/withdraw_all.css
+++ b/frontend/src/pages/spotnet/dashboard/withdraw-all/withdraw_all.css
@@ -15,7 +15,6 @@
     flex-direction: column;
     justify-content: center;
     gap: 10px;
-    padding: 0 24px;
     padding-top: 20px;
   }
   
@@ -36,6 +35,8 @@
     background: var(--warning-colour-alt);
     border: 1px solid var(--warning-colour);
     color: var(--second-primary);
+    font-family: 'Open Sans';
+    font-weight: 400;
     text-align: center;
     border-radius: 8px;
     width: 642px;
@@ -52,6 +53,13 @@
   .withdrawall-btn {
     border-radius: 4px;
   }
+
+  .withdrawall-title h1 {
+    text-align: center;
+    font-weight: normal;
+    font-size: 20px;
+    margin-bottom: 10px;
+  }
   
   @media (max-width: 768px) {
     .withdrawall-wrapper {
@@ -68,7 +76,7 @@
     .withdrawall-content {
       width: 100%;
       max-width: 100%;
-      padding: 0.5rem 0;
+      padding: 0.5rem 24px;
       gap: 16px;
     }
 
@@ -88,6 +96,13 @@
       margin-top: 52px;
       margin-bottom: 52px;
     }
+
+    .withdrawall-title h1 {
+      text-align: center;
+      font-weight: normal;
+      font-size: 1rem;
+      margin-bottom: 20px;
+    }
   }
   
   @media (max-width: 550px) {
@@ -114,8 +129,8 @@
     }
     .withdrawall-info-card {
       padding: 16px 24px;
-      height: 128px;
-      font-size: medium; 
+      height: 168px;
+      font-size: 400; 
       width: 100%;
       border-radius: 8px;
       gap: 0;
@@ -131,8 +146,7 @@
       width: 100%;
     }
     .withdrawall-info-card {
-      font-size: x-small; 
-      padding: 16px 24px;
+      padding: 32px 8px;
       width: 100%;
     }
   

From 2077d548d4f7ff2bfa4571e486cda70d8ecf8844 Mon Sep 17 00:00:00 2001
From: system625 <tunde-ajayi.olaoluwasijibomi@lmu.edu.ng>
Date: Fri, 20 Dec 2024 15:02:51 +0100
Subject: [PATCH 27/36] Assistance

---
 frontend/src/components/layout/footer/Footer.jsx | 2 +-
 frontend/src/components/layout/header/Header.jsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/layout/footer/Footer.jsx b/frontend/src/components/layout/footer/Footer.jsx
index ec1a868e..3b4b5fc2 100644
--- a/frontend/src/components/layout/footer/Footer.jsx
+++ b/frontend/src/components/layout/footer/Footer.jsx
@@ -7,7 +7,7 @@ import { ReactComponent as GithubIcon } from '../../../assets/icons/github.svg';
 import { ReactComponent as DashboardIcon } from '../../../assets/icons/dashboard-icon.svg';
 import { ReactComponent as FormIcon } from '../../../assets/icons/form-icon.svg';
 
-import '../../layout/footer/footer.css';
+import './footer.css';
 
 function Footer() {
   const socialLinks = [
diff --git a/frontend/src/components/layout/header/Header.jsx b/frontend/src/components/layout/header/Header.jsx
index 62f13f33..f7b0ee63 100644
--- a/frontend/src/components/layout/header/Header.jsx
+++ b/frontend/src/components/layout/header/Header.jsx
@@ -6,7 +6,7 @@ import WalletSection from '../wallet-section/WalletSection';
 import NavigationLinks from '../navigation-links/NavigationLinks';
 import useLockBodyScroll from '../../../hooks/useLockBodyScroll';
 import MobDropdownMenu from '../mob-dropdown-menu/MobDropdownMenu';
-import '../../layout/header/header.css';
+import './header.css';
 import '../../../globals.css';
 
 

From 15dd9326015bde4843b9507cddfd27217b915c6a Mon Sep 17 00:00:00 2001
From: PavelShkurko <bassmart7@gmail.com>
Date: Fri, 20 Dec 2024 20:26:49 +0100
Subject: [PATCH 28/36] Create test_telegram_user.py

Add Telegram User test cases
---
 web_app/db/crud/test_telegram_user.py | 150 ++++++++++++++++++++++++++
 1 file changed, 150 insertions(+)
 create mode 100644 web_app/db/crud/test_telegram_user.py

diff --git a/web_app/db/crud/test_telegram_user.py b/web_app/db/crud/test_telegram_user.py
new file mode 100644
index 00000000..824f4554
--- /dev/null
+++ b/web_app/db/crud/test_telegram_user.py
@@ -0,0 +1,150 @@
+"""
+Test cases for TelegramUserDBConnector
+"""
+import pytest
+from unittest.mock import MagicMock, patch
+from uuid import uuid4
+from web_app.db.crud import TelegramUserDBConnector
+from web_app.db.models import TelegramUser
+
+@pytest.fixture
+def mock_db_connector():
+    """
+    Provides a mock for the database connector methods.
+    """
+    return MagicMock()
+
+@pytest.fixture
+def telegram_user_db(mock_db_connector):
+    """
+    Returns an instance of TelegramUserDBConnector with mocked DB methods.
+    """
+    with patch("web_app.db.crud.DBConnector.__init__", return_value=None):
+        connector = TelegramUserDBConnector(db_url="sqlite:///:memory:")
+        connector.engine = MagicMock()
+        connector.session_factory = MagicMock()
+        connector.Session = MagicMock()
+        connector.get_object_by_field = MagicMock(side_effect=mock_db_connector.get_object_by_field)
+        connector.write_to_db = mock_db_connector.write_to_db
+        connector.delete_object_by_id = mock_db_connector.delete_object_by_id
+        yield connector
+
+def test_get_telegram_user_by_wallet_id_success(telegram_user_db, mock_db_connector):
+    """
+    Test retrieving a user by wallet ID when the user exists.
+    """
+    wallet_id = "w1"
+    expected_user = TelegramUser(id=uuid4(), wallet_id=wallet_id, telegram_id="t1")
+    mock_db_connector.get_object_by_field.return_value = expected_user
+    result = telegram_user_db.get_telegram_user_by_wallet_id(wallet_id)
+    assert result == expected_user
+    mock_db_connector.get_object_by_field.assert_called_once_with(TelegramUser, "wallet_id", wallet_id)
+
+def test_get_telegram_user_by_wallet_id_none(telegram_user_db, mock_db_connector):
+    """
+    Test retrieving a user by wallet ID when no user exists.
+    """
+    mock_db_connector.get_object_by_field.return_value = None
+    result = telegram_user_db.get_telegram_user_by_wallet_id("unknown")
+    assert result is None
+
+def test_get_user_by_telegram_id_success(telegram_user_db, mock_db_connector):
+    """
+    Test retrieving a user by telegram ID when the user exists.
+    """
+    telegram_id = "t2"
+    expected_user = TelegramUser(id=uuid4(), wallet_id="w2", telegram_id=telegram_id)
+    mock_db_connector.get_object_by_field.return_value = expected_user
+    result = telegram_user_db.get_user_by_telegram_id(telegram_id)
+    assert result == expected_user
+
+def test_get_user_by_telegram_id_none(telegram_user_db, mock_db_connector):
+    """
+    Test retrieving a user by telegram ID when no user exists.
+    """
+    mock_db_connector.get_object_by_ield.return_value = None
+    result = telegram_user_db.get_user_by_telegram_id("unknown")
+    assert result is None
+
+def test_get_wallet_id_by_telegram_id_success(telegram_user_db, mock_db_connector):
+    """
+    Test retrieving a wallet ID by telegram ID when the user exists.
+    """
+    telegram_id = "t3"
+    user = TelegramUser(id=uuid4(), wallet_id="w3", telegram_id=telegram_id)
+    mock_db_connector.get_object_by_field.return_value = user
+    result = telegram_user_db.get_wallet_id_by_telegram_id(telegram_id)
+    assert result == "w3"
+
+def test_get_wallet_id_by_telegram_id_none(telegram_user_db, mock_db_connector):
+    """
+    Test retrieving a wallet ID by telegram ID when no user exists.
+    """
+    mock_db_connector.get_object_by_field.return_value = None
+    result = telegram_user_db.get_wallet_id_by_telegram_id("unknown")
+    assert result is None
+
+def test_create_telegram_user_success(telegram_user_db, mock_db_connector):
+    """
+    Test creating a new telegram user successfully.
+    """
+    data = {"wallet_id": "w4", "telegram_id": "t4"}
+    created_user = TelegramUser(id=uuid4(), **data)
+    mock_db_connector.write_to_db.return_value = created_user
+    result = telegram_user_db.create_telegram_user(data)
+    assert result == created_user
+    mock_db_connector.write_to_db.assert_called_once()
+
+def test_update_telegram_user(telegram_user_db):
+    """
+    Test updating a telegram user.
+    """
+    telegram_user_db.Session = MagicMock()
+    telegram_user_db.update_telegram_user("t5", {"wallet_id": "w5"})
+
+def test_save_or_update_user_create(telegram_user_db, mock_db_connector):
+    """
+    Test save_or_update_user creates a user if they don't exist.
+    """
+    mock_db_connector.get_object_by_field.return_value = None
+    data = {"wallet_id": "w6", "telegram_id": "t6"}
+    new_user = TelegramUser(id=uuid4(), **data)
+    mock_db_connector.write_to_db.return_value = new_user
+    with patch.object(telegram_user_db, 'update_telegram_user', MagicMock()):
+        result = telegram_user_db.save_or_update_user(data)
+        assert result == new_user
+
+def test_save_or_update_user_update(telegram_user_db, mock_db_connector):
+    """
+    Test save_or_update_user updates a user if they already exist.
+    """
+    existing_user = TelegramUser(id=uuid4(), wallet_id="w7", telegram_id="t7")
+    mock_db_connector.get_object_by_field.side_effect = [existing_user, existing_user]
+    with patch.object(telegram_user_db, 'update_telegram_user', MagicMock()):
+        result = telegram_user_db.save_or_update_user({"wallet_id": "w7_updated", "telegram_id": "t7"})
+        assert result.wallet_id == "w7"
+
+def test_delete_telegram_user_success(telegram_user_db, mock_db_connector):
+    """
+    Test deleting a user that exists.
+    """
+    user = TelegramUser(id=uuid4(), wallet_id="w8", telegram_id="t8")
+    mock_db_connector.get_object_by_field.return_value = user
+    telegram_user_db.delete_telegram_user("t8")
+    mock_db_connector.delete_object_by_id.assert_called_once()
+
+def test_delete_telegram_user_none(telegram_user_db, mock_db_connector):
+    """
+    Test attempting to delete a user that does not exist.
+    """
+    mock_db_connector.get_object_by_field.return_value = None
+    telegram_user_db.delete_telegram_user("unknown")
+    mock_db_connector.delete_object_by_id.assert_not_called()
+
+def test_set_allow_notification(telegram_user_db):
+    """
+    Test setting notification allowance for a user.
+    """
+    with patch.object(telegram_user_db, 'save_or_update_user', return_value=True):
+        result = telegram_user_db.set_allow_notification("t9", "w9")
+        assert result is True

From a1d38d2a0865a02e2d23206816179e944c980448 Mon Sep 17 00:00:00 2001
From: system625 <tunde-ajayi.olaoluwasijibomi@lmu.edu.ng>
Date: Fri, 20 Dec 2024 22:14:16 +0100
Subject: [PATCH 29/36] gitignore

---
 ...ionsModal.css => congratulationsModal.css} |   0
 .../layout/footer/{Footer.css => footer.css}  |   0
 .../layout/header/{Header.css => header.css}  |   0
 ...entStyles.css => tableOfContentStyles.css} |   0
 frontend/src/components/ui/Button/Button.jsx  |   2 +-
 frontend/src/components/ui/button/Button.jsx  |  14 ++
 frontend/src/components/ui/button/button.css  | 128 ++++++++++++++++++
 frontend/src/components/ui/button/index.js    |   1 +
 .../components/ui/card/{Card.css => card.css} |   0
 .../{Multiplier.css => multiplier.css}        |   0
 .../{ScrollButton.css => scrollButton.css}    |   0
 .../vault/gas-fee/{GasFee.css => gasFee.css}  |   0
 .../{MetricCard.css => metricCard.css}        |   0
 .../{VaultLayout.css => vaultLayout.css}      |   0
 14 files changed, 144 insertions(+), 1 deletion(-)
 rename frontend/src/components/layout/congratulations-modal/{CongratulationsModal.css => congratulationsModal.css} (100%)
 rename frontend/src/components/layout/footer/{Footer.css => footer.css} (100%)
 rename frontend/src/components/layout/header/{Header.css => header.css} (100%)
 rename frontend/src/components/table-of-content/{TableOfContentStyles.css => tableOfContentStyles.css} (100%)
 create mode 100644 frontend/src/components/ui/button/Button.jsx
 create mode 100644 frontend/src/components/ui/button/button.css
 create mode 100644 frontend/src/components/ui/button/index.js
 rename frontend/src/components/ui/card/{Card.css => card.css} (100%)
 rename frontend/src/components/ui/multiplier-selector/{Multiplier.css => multiplier.css} (100%)
 rename frontend/src/components/ui/scroll-button/{ScrollButton.css => scrollButton.css} (100%)
 rename frontend/src/components/vault/gas-fee/{GasFee.css => gasFee.css} (100%)
 rename frontend/src/components/vault/metric-card/{MetricCard.css => metricCard.css} (100%)
 rename frontend/src/components/vault/{VaultLayout.css => vaultLayout.css} (100%)

diff --git a/frontend/src/components/layout/congratulations-modal/CongratulationsModal.css b/frontend/src/components/layout/congratulations-modal/congratulationsModal.css
similarity index 100%
rename from frontend/src/components/layout/congratulations-modal/CongratulationsModal.css
rename to frontend/src/components/layout/congratulations-modal/congratulationsModal.css
diff --git a/frontend/src/components/layout/footer/Footer.css b/frontend/src/components/layout/footer/footer.css
similarity index 100%
rename from frontend/src/components/layout/footer/Footer.css
rename to frontend/src/components/layout/footer/footer.css
diff --git a/frontend/src/components/layout/header/Header.css b/frontend/src/components/layout/header/header.css
similarity index 100%
rename from frontend/src/components/layout/header/Header.css
rename to frontend/src/components/layout/header/header.css
diff --git a/frontend/src/components/table-of-content/TableOfContentStyles.css b/frontend/src/components/table-of-content/tableOfContentStyles.css
similarity index 100%
rename from frontend/src/components/table-of-content/TableOfContentStyles.css
rename to frontend/src/components/table-of-content/tableOfContentStyles.css
diff --git a/frontend/src/components/ui/Button/Button.jsx b/frontend/src/components/ui/Button/Button.jsx
index 4bb898c5..c358d0d2 100644
--- a/frontend/src/components/ui/Button/Button.jsx
+++ b/frontend/src/components/ui/Button/Button.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import './Button.css';
+import './button.css';
 
 const Button = ({ variant = 'primary', size = 'md', className = '', children, ...props }) => {
   const buttonClasses = ['button', `button--${variant}`, `button--${size}`, className].filter(Boolean).join(' ');
diff --git a/frontend/src/components/ui/button/Button.jsx b/frontend/src/components/ui/button/Button.jsx
new file mode 100644
index 00000000..c358d0d2
--- /dev/null
+++ b/frontend/src/components/ui/button/Button.jsx
@@ -0,0 +1,14 @@
+import React from 'react';
+import './button.css';
+
+const Button = ({ variant = 'primary', size = 'md', className = '', children, ...props }) => {
+  const buttonClasses = ['button', `button--${variant}`, `button--${size}`, className].filter(Boolean).join(' ');
+
+  return (
+    <button className={buttonClasses} {...props}>
+      {children}
+    </button>
+  );
+};
+
+export default Button;
diff --git a/frontend/src/components/ui/button/button.css b/frontend/src/components/ui/button/button.css
new file mode 100644
index 00000000..91d2b8e3
--- /dev/null
+++ b/frontend/src/components/ui/button/button.css
@@ -0,0 +1,128 @@
+.button {
+  font-family: inherit;
+  border: none;
+  cursor: pointer;
+  font-weight: 600;
+  border-radius: 8px;
+  transition: all 0.2s ease-in-out;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+}
+
+.button:focus {
+  outline: none;
+  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.5);
+}
+
+/* Size variants */
+.button--lg {
+  width: 642px;
+  padding: 18px 32px;
+  font-size: 16px;
+}
+
+.button--md {
+  width: 309px;
+  padding: 18px 24px;
+  font-size: 16px;
+}
+
+.button--sm {
+  width: 167px;
+  padding: 18px 16px;
+  font-size: 14px;
+}
+
+/* Variant styles */
+.button--primary {
+  color: white;
+  padding: 16px 24px 16px 24px;
+  background: linear-gradient(73.48deg, #e01dee 1.13%, #49abd2 51.27%);
+  transition: all 1 ease;
+}
+
+.button--primary:active {
+  transform: translateY(1px);
+}
+
+.button--primary:hover:not(:disabled) {
+  background: linear-gradient(73.48deg, #49abd2 1.13%, #e01dee 51.27%);
+}
+
+.button--secondary {
+  position: relative;
+  display: inline-block;
+  background: none;
+  color: white;
+  font-size: 16px;
+  cursor: pointer;
+  border: none;
+  padding: 16px 24px 16px 24px;
+  z-index: 1;
+  overflow: hidden;
+}
+
+.button--secondary::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  border-radius: 8px;
+  padding: 2px;
+  background: linear-gradient(90deg, #74d6fd 0%, #e01dee 100%);
+  -webkit-mask:
+    linear-gradient(#fff 0 0) content-box,
+    linear-gradient(#fff 0 0);
+  mask:
+    linear-gradient(#fff 0 0) content-box,
+    linear-gradient(#fff 0 0);
+  -webkit-mask-composite: destination-out;
+  mask-composite: exclude;
+  z-index: -1;
+}
+
+.button--secondary:active {
+  transform: translateY(1px);
+}
+
+/* Disabled state */
+.button:disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+}
+
+.button:disabled:hover {
+  transform: none;
+}
+
+@media (max-width: 768px) {
+  .button {
+    border-radius: 8px;
+  }
+
+  .button--primary {
+    padding: 20px 12px;
+  }
+
+  .button--secondary::before {
+    border-radius: 8px;
+  }
+
+  .button--lg {
+    width: 100%;
+  }
+
+  .button--md {
+    font-size: 14px;
+    width: 167px;
+  }
+}
+@media (max-width: 400px){
+  .button--lg{
+    width:100% !important;
+  }
+}
\ No newline at end of file
diff --git a/frontend/src/components/ui/button/index.js b/frontend/src/components/ui/button/index.js
new file mode 100644
index 00000000..8d05963e
--- /dev/null
+++ b/frontend/src/components/ui/button/index.js
@@ -0,0 +1 @@
+export {default as Button} from './Button';
\ No newline at end of file
diff --git a/frontend/src/components/ui/card/Card.css b/frontend/src/components/ui/card/card.css
similarity index 100%
rename from frontend/src/components/ui/card/Card.css
rename to frontend/src/components/ui/card/card.css
diff --git a/frontend/src/components/ui/multiplier-selector/Multiplier.css b/frontend/src/components/ui/multiplier-selector/multiplier.css
similarity index 100%
rename from frontend/src/components/ui/multiplier-selector/Multiplier.css
rename to frontend/src/components/ui/multiplier-selector/multiplier.css
diff --git a/frontend/src/components/ui/scroll-button/ScrollButton.css b/frontend/src/components/ui/scroll-button/scrollButton.css
similarity index 100%
rename from frontend/src/components/ui/scroll-button/ScrollButton.css
rename to frontend/src/components/ui/scroll-button/scrollButton.css
diff --git a/frontend/src/components/vault/gas-fee/GasFee.css b/frontend/src/components/vault/gas-fee/gasFee.css
similarity index 100%
rename from frontend/src/components/vault/gas-fee/GasFee.css
rename to frontend/src/components/vault/gas-fee/gasFee.css
diff --git a/frontend/src/components/vault/metric-card/MetricCard.css b/frontend/src/components/vault/metric-card/metricCard.css
similarity index 100%
rename from frontend/src/components/vault/metric-card/MetricCard.css
rename to frontend/src/components/vault/metric-card/metricCard.css
diff --git a/frontend/src/components/vault/VaultLayout.css b/frontend/src/components/vault/vaultLayout.css
similarity index 100%
rename from frontend/src/components/vault/VaultLayout.css
rename to frontend/src/components/vault/vaultLayout.css

From acc9965455cf5f6cd26af73db1339352dcf164b1 Mon Sep 17 00:00:00 2001
From: 1nonlypiece <jagadeeshftw@gmail.com>
Date: Sat, 21 Dec 2024 13:42:29 +0530
Subject: [PATCH 30/36] feat(frontend): Address review comments part 3

---
 .../components/BalanceCards/BalanceCards.jsx  | 25 +++++++++++----
 .../components/BalanceCards/balanceCards.css  | 10 ++++--
 frontend/src/hooks/useWithdrawAll.js          |  4 ++-
 frontend/src/pages/forms/Form.jsx             | 11 +------
 .../dashboard/withdraw-all/WithdrawAll.jsx    | 32 +++++++++----------
 frontend/src/pages/vault/stake/Stake.jsx      | 12 +------
 6 files changed, 47 insertions(+), 47 deletions(-)

diff --git a/frontend/src/components/BalanceCards/BalanceCards.jsx b/frontend/src/components/BalanceCards/BalanceCards.jsx
index 4d3f3722..bbbacceb 100644
--- a/frontend/src/components/BalanceCards/BalanceCards.jsx
+++ b/frontend/src/components/BalanceCards/BalanceCards.jsx
@@ -1,10 +1,13 @@
-import React, { useEffect } from 'react';
+import React, { useEffect, useState } from 'react';
 import { useMatchMedia } from 'hooks/useMatchMedia';
 import { getBalances } from '../../services/wallet';
 import { useWalletStore } from 'stores/useWalletStore';
-import "./balanceCards.css";
+import { ReactComponent as ETH } from '../../assets/icons/ethereum.svg';
+import { ReactComponent as USDC } from '../../assets/icons/borrow_usdc.svg';
+import { ReactComponent as STRK } from '../../assets/icons/strk.svg';
+import './balanceCards.css';
 
-const BalanceCards = ({ balances, setBalances }) => {
+const BalanceCards = () => {
   const { walletId } = useWalletStore();
 
   const isMobile = useMatchMedia('(max-width: 768px)');
@@ -13,6 +16,13 @@ const BalanceCards = ({ balances, setBalances }) => {
     getBalances(walletId, setBalances);
   }, [walletId]);
 
+  const [balances, setBalances] = useState([
+    { icon: <ETH />, title: 'ETH', balance: '0.00' },
+    { icon: <USDC />, title: 'USDC', balance: '0.00' },
+    { icon: <STRK />, title: 'STRK', balance: '0.00' },
+  ]);
+
+
   return (
     <div className="balance-card">
       <div className="balance-container">
@@ -23,7 +33,9 @@ const BalanceCards = ({ balances, setBalances }) => {
                 <label htmlFor="icon" className="balance-title">
                   <span className="token-icon">{balance.icon}</span>
                 </label>
-                <label htmlFor={balance.title}>{balance.title} Balance</label>
+                <label htmlFor={balance.title}>
+                  <span className="balance-text">{balance.title} Balance</span>
+                </label>
               </div>
               <label htmlFor={balance.title}>{balance.balance}</label>
             </div>
@@ -32,9 +44,10 @@ const BalanceCards = ({ balances, setBalances }) => {
               <label htmlFor={balance.title} className={'balance-title'}>
                 <span className="token-icon blend">{balance.icon}</span>
                 <span className="balance-text">{balance.title} Balance</span>
-        
               </label>
-              <label htmlFor={balance.title}>{balance.balance}</label>
+              <label htmlFor={balance.title}>
+              <span className="balance-amount">{balance.balance}</span>
+              </label>
             </div>
           )
         )}
diff --git a/frontend/src/components/BalanceCards/balanceCards.css b/frontend/src/components/BalanceCards/balanceCards.css
index c34714a1..edbe7901 100644
--- a/frontend/src/components/BalanceCards/balanceCards.css
+++ b/frontend/src/components/BalanceCards/balanceCards.css
@@ -73,6 +73,11 @@
 .balance-text {
     color: #83919F;
 }
+
+.balance-amount {
+  font-weight: 600;
+}
+
 .token-icon {
     display: flex;
     align-items: center;
@@ -103,7 +108,7 @@
     
     .balance-item {
         height: fit-content;
-        padding: 16px 24px;
+        padding: 16px 8px;
         display: flex;
         flex-direction: column;
         align-items: center;
@@ -149,4 +154,5 @@
         z-index: 1;
     }
 
-}
\ No newline at end of file
+}
+
diff --git a/frontend/src/hooks/useWithdrawAll.js b/frontend/src/hooks/useWithdrawAll.js
index 693d5975..abe17845 100644
--- a/frontend/src/hooks/useWithdrawAll.js
+++ b/frontend/src/hooks/useWithdrawAll.js
@@ -5,6 +5,7 @@ import { notify } from "components/Notifier/Notifier";
 const useWithdrawAll = () => {
     const mutation = useMutation({
         mutationFn: async (walletId) => {
+            await new Promise((resolve) => setTimeout(resolve, 5000));
             if (!walletId) throw new Error("Wallet ID is required.");
             await axiosInstance.get(`/api/withdraw-all?wallet_id=${walletId}`);
         },
@@ -17,7 +18,8 @@ const useWithdrawAll = () => {
     });
 
     return {
-        withdrawAll: mutation.mutate
+        withdrawAll: mutation.mutate,
+        isLoading: mutation.isPending,
     };
 };
 
diff --git a/frontend/src/pages/forms/Form.jsx b/frontend/src/pages/forms/Form.jsx
index 3c0199ca..d4ae2c92 100644
--- a/frontend/src/pages/forms/Form.jsx
+++ b/frontend/src/pages/forms/Form.jsx
@@ -1,7 +1,4 @@
 import React, { useState } from 'react';
-import { ReactComponent as ETH } from '../../assets/icons/ethereum.svg';
-import { ReactComponent as USDC } from '../../assets/icons/borrow_usdc.svg';
-import { ReactComponent as STRK } from '../../assets/icons/strk.svg';
 import TokenSelector from 'components/TokenSelector';
 import BalanceCards from 'components/BalanceCards/BalanceCards';
 import MultiplierSelector from 'components/MultiplierSelector';
@@ -46,12 +43,6 @@ const Form = () => {
     }
   };
 
-  const [balances, setBalances] = useState([
-    { icon: <ETH />, title: 'ETH', balance: '0.00' },
-    { icon: <USDC />, title: 'USDC', balance: '0.00' },
-    { icon: <STRK />, title: 'STRK', balance: '0.00' },
-  ]);
-
   const handleSubmit = async (e) => {
     e.preventDefault();
 
@@ -91,7 +82,7 @@ const Form = () => {
 
   return (
     <div className="form-content-wrapper">
-      <BalanceCards balances={balances} setBalances={setBalances} walletId={walletId} />
+      <BalanceCards />
       {successful && createPortal(<CongratulationsModal />, document.body)}
       {isClosePositionOpen && (
         <ActionModal
diff --git a/frontend/src/pages/spotnet/dashboard/withdraw-all/WithdrawAll.jsx b/frontend/src/pages/spotnet/dashboard/withdraw-all/WithdrawAll.jsx
index c8c44aba..13e02855 100644
--- a/frontend/src/pages/spotnet/dashboard/withdraw-all/WithdrawAll.jsx
+++ b/frontend/src/pages/spotnet/dashboard/withdraw-all/WithdrawAll.jsx
@@ -1,8 +1,5 @@
-import React, { useState } from 'react';
+import React from 'react';
 import BalanceCards from 'components/BalanceCards/BalanceCards';
-import { ReactComponent as ETH } from '../../../../assets/icons/ethereum.svg';
-import { ReactComponent as USDC } from '../../../../assets/icons/borrow_usdc.svg';
-import { ReactComponent as STRK } from '../../../../assets/icons/strk.svg';
 import './withdraw_all.css';
 import { useWalletStore } from 'stores/useWalletStore';
 import Button from 'components/ui/Button/Button';
@@ -10,13 +7,8 @@ import useWithdrawAll from 'hooks/useWithdrawAll';
 
 const WithdrawAll = () => {
   const { walletId } = useWalletStore();
-  const [balances, setBalances] = useState([
-    { icon: <ETH />, title: 'ETH', balance: '0.00' },
-    { icon: <USDC />, title: 'USDC', balance: '0.00' },
-    { icon: <STRK />, title: 'STRK', balance: '0.00' },
-  ]);
 
-  const { withdrawAll } = useWithdrawAll();
+  const { withdrawAll, isLoading } = useWithdrawAll();
   const handleWithdrawAll = () => {
     withdrawAll(walletId);
   };
@@ -24,19 +16,25 @@ const WithdrawAll = () => {
   return (
     <div className="withdrawall-wrapper">
       <div className="withdrawall-container">
-        <BalanceCards balances={balances} setBalances={setBalances} walletId={walletId} />
+        <BalanceCards />
         <div className="withdrawall-content">
-          
-        <div className="withdrawall-title">
-          <h1>Please take special note</h1>
-        </div>
+          <div className="withdrawall-title">
+            <h1>Please take special note</h1>
+          </div>
 
           <div className="withdrawall-info-card">
             Clicking on the `Withdraw All` button means you are agreeing to close all positions and get all tokens
             transferred to your wallet.
           </div>
-          <Button className="withdrawall-btn" variant="secondary" size="lg" type="button" onClick={handleWithdrawAll}>
-            Withdraw All
+          <Button
+            className="withdrawall-btn"
+            variant="secondary"
+            size="lg"
+            type="button"
+            onClick={handleWithdrawAll}
+            disabled={isLoading}
+          >
+            {isLoading ? 'Processing...' : 'Withdraw All'}
           </Button>
         </div>
       </div>
diff --git a/frontend/src/pages/vault/stake/Stake.jsx b/frontend/src/pages/vault/stake/Stake.jsx
index 330f00fe..23b625c6 100644
--- a/frontend/src/pages/vault/stake/Stake.jsx
+++ b/frontend/src/pages/vault/stake/Stake.jsx
@@ -1,8 +1,4 @@
 import React, { useState } from 'react';
-import { ReactComponent as ETH } from '../../../assets/icons/ethereum.svg';
-import { ReactComponent as USDC } from '../../../assets/icons/borrow_usdc.svg';
-import { ReactComponent as DAI } from '../../../assets/icons/dai.svg';
-import { ReactComponent as STTRK } from '../../../assets/icons/strk.svg';
 import MetricCard from 'components/StakeCard/MetricCard';
 import STRK from '../../../assets/icons/strk.svg';
 import USDCc from '../../../assets/icons/apy_icon.svg';
@@ -17,12 +13,6 @@ function Stake() {
   const [amount, setAmount] = useState('0');
   const [showDrop, setShowDrop] = useState(false);
 
-  const [balances, setBalances] = useState([
-    { icon: <STTRK />, title: 'STRK', balance: '0.046731' },
-    { icon: <USDC />, title: 'APY', balance: '0.046731' },
-    { icon: <ETH />, title: 'ETH', balance: '0.046731' },
-    { icon: <DAI />, title: 'DAI', balance: '0.046731' },
-  ]);
   const networks = [{ name: 'Starknet', image: STRK }];
   const handleChange = (network) => {
     setSelectedNetwork(network.name);
@@ -49,7 +39,7 @@ function Stake() {
               </div>
             </div>
             <div className="mobile-screen-balance">
-              <BalanceCards balances={balances} setBalances={setBalances} walletId={null} />
+              <BalanceCards />
             </div>
           </div>
           <div className="form">

From 966a59950da7074d43be0d96045a1387f975fb7b Mon Sep 17 00:00:00 2001
From: PavelShkurko <bassmart7@gmail.com>
Date: Sat, 21 Dec 2024 13:24:41 +0100
Subject: [PATCH 31/36] Update test_user_dbconnector.py

Add missing test cases for user_db
---
 web_app/tests/db/test_user_dbconnector.py | 95 ++++++++++++++++++++++-
 1 file changed, 92 insertions(+), 3 deletions(-)

diff --git a/web_app/tests/db/test_user_dbconnector.py b/web_app/tests/db/test_user_dbconnector.py
index bea6438f..4e20f302 100644
--- a/web_app/tests/db/test_user_dbconnector.py
+++ b/web_app/tests/db/test_user_dbconnector.py
@@ -2,10 +2,8 @@
 Unit tests for the UserDBConnector module.
 """
 
-from unittest.mock import MagicMock, patch
-
 import pytest
-from sqlalchemy.exc import SQLAlchemyError
+from unittest.mock import patch, MagicMock
 
 from web_app.db.crud import UserDBConnector
 from web_app.db.models import User
@@ -90,3 +88,94 @@ def test_get_unique_users_count(mock_user_db_connector):
     result = mock_user_db_connector.get_unique_users_count()
 
     assert result == 5
+
+def test_create_user(user_db):
+    """
+    Test creating a user.
+    """
+    with patch.object(user_db, "write_to_db") as mock_write:
+        user = user_db.create_user("wallet_123")
+        assert user.wallet_id == "wallet_123"
+        mock_write.assert_called_once()
+
+def test_update_user_contract(user_db):
+    """
+    Test updating a user contract.
+    """
+    user = User(wallet_id="wallet_123", contract_address=None, is_contract_deployed=False)
+    with patch.object(user_db, "write_to_db") as mock_write:
+        user_db.update_user_contract(user, "0xABC")
+        assert user.contract_address == "0xABC"
+        assert user.is_contract_deployed is True
+        mock_write.assert_called_once()
+
+
+def test_get_users_for_notifications(user_db):
+    """
+    Test getting users for notifications.
+    """
+    mock_session = MagicMock()
+    mock_context = mock_session.__enter__.return_value
+    mock_query = mock_context.query.return_value
+    (mock_query.join.return_value
+               .join.return_value
+               .filter.return_value
+               .distinct.return_value
+               .all.return_value) = [
+        ("0x123", "tg_id_1"),
+        ("0x456", "tg_id_2"),
+    ]
+
+    with patch.object(user_db, "Session", return_value=mock_session):
+        result = user_db.get_users_for_notifications()
+
+    assert result == [("0x123", "tg_id_1"), ("0x456", "tg_id_2")]
+
+def test_fetch_user_history(user_db):
+    """
+    Test fetching user history.
+    """
+    mock_session = MagicMock()
+    mock_context = mock_session.__enter__.return_value
+    mock_query = mock_context.query.return_value
+
+    mock_positions = [
+        MagicMock(status="OPENED", created_at="2024-01-01", start_price=100, amount=2, multiplier=5)
+    ]
+    mock_query.filter.return_value.all.return_value = mock_positions
+
+    with patch.object(user_db, "Session", return_value=mock_session):
+        result = user_db.fetch_user_history(1)
+
+    assert len(result) == 1
+    assert result[0]["status"] == "OPENED"
+    assert result[0]["start_price"] == 100
+
+def test_delete_user_by_wallet_id(user_db):
+    """
+    Test deleting a user by wallet ID.
+    """
+    mock_session = MagicMock()
+    mock_context = mock_session.__enter__.return_value
+    mock_user = MagicMock()
+    mock_context.query.return_value.filter.return_value.first.return_value = mock_user
+
+    with patch.object(user_db, "Session", return_value=mock_session):
+        user_db.delete_user_by_wallet_id("wallet_123")
+
+    mock_context.delete.assert_called_once_with(mock_user)
+    mock_context.commit.assert_called_once()
+
+def test_delete_user_by_wallet_id_not_found(user_db):
+    """
+    Test deleting a user by wallet ID when user is not found.
+    """
+    mock_session = MagicMock()
+    mock_query = mock_session.return_value.query.return_value
+    mock_query.filter.return_value.first.return_value = None
+
+    with patch.object(user_db, "Session", return_value=mock_session):
+        user_db.delete_user_by_wallet_id("wallet_999")
+
+    mock_session.return_value.delete.assert_not_called()
+    mock_session.return_value.commit.assert_not_called()

From 1c18db435357d58a5f487bcf81f5130c1d56b7e1 Mon Sep 17 00:00:00 2001
From: PavelShkurko <bassmart7@gmail.com>
Date: Sat, 21 Dec 2024 13:26:47 +0100
Subject: [PATCH 32/36] Update user.py

Remove scalar
---
 web_app/db/crud/user.py | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web_app/db/crud/user.py b/web_app/db/crud/user.py
index 18d57128..12f3e661 100644
--- a/web_app/db/crud/user.py
+++ b/web_app/db/crud/user.py
@@ -125,7 +125,7 @@ def fetch_user_history(self, user_id: int) -> List[dict]:
                     )
                     .filter(Position.user_id == user_id)
                     .all()
-                ).scalar()
+                )
 
                 # Transform the query result into a list of dictionaries
                 return [

From 77313cd2ede44a740f63b335724b472271a708c1 Mon Sep 17 00:00:00 2001
From: PavelShkurko <bassmart7@gmail.com>
Date: Sat, 21 Dec 2024 13:27:43 +0100
Subject: [PATCH 33/36] Create test_telegram_user.py

moved to right directory
---
 web_app/tests/db/test_telegram_user.py | 150 +++++++++++++++++++++++++
 1 file changed, 150 insertions(+)
 create mode 100644 web_app/tests/db/test_telegram_user.py

diff --git a/web_app/tests/db/test_telegram_user.py b/web_app/tests/db/test_telegram_user.py
new file mode 100644
index 00000000..824f4554
--- /dev/null
+++ b/web_app/tests/db/test_telegram_user.py
@@ -0,0 +1,150 @@
+"""
+Test cases for TelegramUserDBConnector
+"""
+import pytest
+from unittest.mock import MagicMock, patch
+from uuid import uuid4
+from web_app.db.crud import TelegramUserDBConnector
+from web_app.db.models import TelegramUser
+
+@pytest.fixture
+def mock_db_connector():
+    """
+    Provides a mock for the database connector methods.
+    """
+    return MagicMock()
+
+@pytest.fixture
+def telegram_user_db(mock_db_connector):
+    """
+    Returns an instance of TelegramUserDBConnector with mocked DB methods.
+    """
+    with patch("web_app.db.crud.DBConnector.__init__", return_value=None):
+        connector = TelegramUserDBConnector(db_url="sqlite:///:memory:")
+        connector.engine = MagicMock()
+        connector.session_factory = MagicMock()
+        connector.Session = MagicMock()
+        connector.get_object_by_field = MagicMock(side_effect=mock_db_connector.get_object_by_field)
+        connector.write_to_db = mock_db_connector.write_to_db
+        connector.delete_object_by_id = mock_db_connector.delete_object_by_id
+        yield connector
+
+def test_get_telegram_user_by_wallet_id_success(telegram_user_db, mock_db_connector):
+    """
+    Test retrieving a user by wallet ID when the user exists.
+    """
+    wallet_id = "w1"
+    expected_user = TelegramUser(id=uuid4(), wallet_id=wallet_id, telegram_id="t1")
+    mock_db_connector.get_object_by_field.return_value = expected_user
+    result = telegram_user_db.get_telegram_user_by_wallet_id(wallet_id)
+    assert result == expected_user
+    mock_db_connector.get_object_by_field.assert_called_once_with(TelegramUser, "wallet_id", wallet_id)
+
+def test_get_telegram_user_by_wallet_id_none(telegram_user_db, mock_db_connector):
+    """
+    Test retrieving a user by wallet ID when no user exists.
+    """
+    mock_db_connector.get_object_by_field.return_value = None
+    result = telegram_user_db.get_telegram_user_by_wallet_id("unknown")
+    assert result is None
+
+def test_get_user_by_telegram_id_success(telegram_user_db, mock_db_connector):
+    """
+    Test retrieving a user by telegram ID when the user exists.
+    """
+    telegram_id = "t2"
+    expected_user = TelegramUser(id=uuid4(), wallet_id="w2", telegram_id=telegram_id)
+    mock_db_connector.get_object_by_field.return_value = expected_user
+    result = telegram_user_db.get_user_by_telegram_id(telegram_id)
+    assert result == expected_user
+
+def test_get_user_by_telegram_id_none(telegram_user_db, mock_db_connector):
+    """
+    Test retrieving a user by telegram ID when no user exists.
+    """
+    mock_db_connector.get_object_by_ield.return_value = None
+    result = telegram_user_db.get_user_by_telegram_id("unknown")
+    assert result is None
+
+def test_get_wallet_id_by_telegram_id_success(telegram_user_db, mock_db_connector):
+    """
+    Test retrieving a wallet ID by telegram ID when the user exists.
+    """
+    telegram_id = "t3"
+    user = TelegramUser(id=uuid4(), wallet_id="w3", telegram_id=telegram_id)
+    mock_db_connector.get_object_by_field.return_value = user
+    result = telegram_user_db.get_wallet_id_by_telegram_id(telegram_id)
+    assert result == "w3"
+
+def test_get_wallet_id_by_telegram_id_none(telegram_user_db, mock_db_connector):
+    """
+    Test retrieving a wallet ID by telegram ID when no user exists.
+    """
+    mock_db_connector.get_object_by_field.return_value = None
+    result = telegram_user_db.get_wallet_id_by_telegram_id("unknown")
+    assert result is None
+
+def test_create_telegram_user_success(telegram_user_db, mock_db_connector):
+    """
+    Test creating a new telegram user successfully.
+    """
+    data = {"wallet_id": "w4", "telegram_id": "t4"}
+    created_user = TelegramUser(id=uuid4(), **data)
+    mock_db_connector.write_to_db.return_value = created_user
+    result = telegram_user_db.create_telegram_user(data)
+    assert result == created_user
+    mock_db_connector.write_to_db.assert_called_once()
+
+def test_update_telegram_user(telegram_user_db):
+    """
+    Test updating a telegram user.
+    """
+    telegram_user_db.Session = MagicMock()
+    telegram_user_db.update_telegram_user("t5", {"wallet_id": "w5"})
+
+def test_save_or_update_user_create(telegram_user_db, mock_db_connector):
+    """
+    Test save_or_update_user creates a user if they don't exist.
+    """
+    mock_db_connector.get_object_by_field.return_value = None
+    data = {"wallet_id": "w6", "telegram_id": "t6"}
+    new_user = TelegramUser(id=uuid4(), **data)
+    mock_db_connector.write_to_db.return_value = new_user
+    with patch.object(telegram_user_db, 'update_telegram_user', MagicMock()):
+        result = telegram_user_db.save_or_update_user(data)
+        assert result == new_user
+
+def test_save_or_update_user_update(telegram_user_db, mock_db_connector):
+    """
+    Test save_or_update_user updates a user if they already exist.
+    """
+    existing_user = TelegramUser(id=uuid4(), wallet_id="w7", telegram_id="t7")
+    mock_db_connector.get_object_by_field.side_effect = [existing_user, existing_user]
+    with patch.object(telegram_user_db, 'update_telegram_user', MagicMock()):
+        result = telegram_user_db.save_or_update_user({"wallet_id": "w7_updated", "telegram_id": "t7"})
+        assert result.wallet_id == "w7"
+
+def test_delete_telegram_user_success(telegram_user_db, mock_db_connector):
+    """
+    Test deleting a user that exists.
+    """
+    user = TelegramUser(id=uuid4(), wallet_id="w8", telegram_id="t8")
+    mock_db_connector.get_object_by_field.return_value = user
+    telegram_user_db.delete_telegram_user("t8")
+    mock_db_connector.delete_object_by_id.assert_called_once()
+
+def test_delete_telegram_user_none(telegram_user_db, mock_db_connector):
+    """
+    Test attempting to delete a user that does not exist.
+    """
+    mock_db_connector.get_object_by_field.return_value = None
+    telegram_user_db.delete_telegram_user("unknown")
+    mock_db_connector.delete_object_by_id.assert_not_called()
+
+def test_set_allow_notification(telegram_user_db):
+    """
+    Test setting notification allowance for a user.
+    """
+    with patch.object(telegram_user_db, 'save_or_update_user', return_value=True):
+        result = telegram_user_db.set_allow_notification("t9", "w9")
+        assert result is True

From bea51ef6ec5263d3574cf3d4812f7749df0e99aa Mon Sep 17 00:00:00 2001
From: PavelShkurko <bassmart7@gmail.com>
Date: Sat, 21 Dec 2024 13:29:28 +0100
Subject: [PATCH 34/36] Delete web_app/db/crud/test_telegram_user.py

Remove file
---
 web_app/db/crud/test_telegram_user.py | 150 --------------------------
 1 file changed, 150 deletions(-)
 delete mode 100644 web_app/db/crud/test_telegram_user.py

diff --git a/web_app/db/crud/test_telegram_user.py b/web_app/db/crud/test_telegram_user.py
deleted file mode 100644
index 824f4554..00000000
--- a/web_app/db/crud/test_telegram_user.py
+++ /dev/null
@@ -1,150 +0,0 @@
-"""
-Test cases for TelegramUserDBConnector
-"""
-import pytest
-from unittest.mock import MagicMock, patch
-from uuid import uuid4
-from web_app.db.crud import TelegramUserDBConnector
-from web_app.db.models import TelegramUser
-
-@pytest.fixture
-def mock_db_connector():
-    """
-    Provides a mock for the database connector methods.
-    """
-    return MagicMock()
-
-@pytest.fixture
-def telegram_user_db(mock_db_connector):
-    """
-    Returns an instance of TelegramUserDBConnector with mocked DB methods.
-    """
-    with patch("web_app.db.crud.DBConnector.__init__", return_value=None):
-        connector = TelegramUserDBConnector(db_url="sqlite:///:memory:")
-        connector.engine = MagicMock()
-        connector.session_factory = MagicMock()
-        connector.Session = MagicMock()
-        connector.get_object_by_field = MagicMock(side_effect=mock_db_connector.get_object_by_field)
-        connector.write_to_db = mock_db_connector.write_to_db
-        connector.delete_object_by_id = mock_db_connector.delete_object_by_id
-        yield connector
-
-def test_get_telegram_user_by_wallet_id_success(telegram_user_db, mock_db_connector):
-    """
-    Test retrieving a user by wallet ID when the user exists.
-    """
-    wallet_id = "w1"
-    expected_user = TelegramUser(id=uuid4(), wallet_id=wallet_id, telegram_id="t1")
-    mock_db_connector.get_object_by_field.return_value = expected_user
-    result = telegram_user_db.get_telegram_user_by_wallet_id(wallet_id)
-    assert result == expected_user
-    mock_db_connector.get_object_by_field.assert_called_once_with(TelegramUser, "wallet_id", wallet_id)
-
-def test_get_telegram_user_by_wallet_id_none(telegram_user_db, mock_db_connector):
-    """
-    Test retrieving a user by wallet ID when no user exists.
-    """
-    mock_db_connector.get_object_by_field.return_value = None
-    result = telegram_user_db.get_telegram_user_by_wallet_id("unknown")
-    assert result is None
-
-def test_get_user_by_telegram_id_success(telegram_user_db, mock_db_connector):
-    """
-    Test retrieving a user by telegram ID when the user exists.
-    """
-    telegram_id = "t2"
-    expected_user = TelegramUser(id=uuid4(), wallet_id="w2", telegram_id=telegram_id)
-    mock_db_connector.get_object_by_field.return_value = expected_user
-    result = telegram_user_db.get_user_by_telegram_id(telegram_id)
-    assert result == expected_user
-
-def test_get_user_by_telegram_id_none(telegram_user_db, mock_db_connector):
-    """
-    Test retrieving a user by telegram ID when no user exists.
-    """
-    mock_db_connector.get_object_by_ield.return_value = None
-    result = telegram_user_db.get_user_by_telegram_id("unknown")
-    assert result is None
-
-def test_get_wallet_id_by_telegram_id_success(telegram_user_db, mock_db_connector):
-    """
-    Test retrieving a wallet ID by telegram ID when the user exists.
-    """
-    telegram_id = "t3"
-    user = TelegramUser(id=uuid4(), wallet_id="w3", telegram_id=telegram_id)
-    mock_db_connector.get_object_by_field.return_value = user
-    result = telegram_user_db.get_wallet_id_by_telegram_id(telegram_id)
-    assert result == "w3"
-
-def test_get_wallet_id_by_telegram_id_none(telegram_user_db, mock_db_connector):
-    """
-    Test retrieving a wallet ID by telegram ID when no user exists.
-    """
-    mock_db_connector.get_object_by_field.return_value = None
-    result = telegram_user_db.get_wallet_id_by_telegram_id("unknown")
-    assert result is None
-
-def test_create_telegram_user_success(telegram_user_db, mock_db_connector):
-    """
-    Test creating a new telegram user successfully.
-    """
-    data = {"wallet_id": "w4", "telegram_id": "t4"}
-    created_user = TelegramUser(id=uuid4(), **data)
-    mock_db_connector.write_to_db.return_value = created_user
-    result = telegram_user_db.create_telegram_user(data)
-    assert result == created_user
-    mock_db_connector.write_to_db.assert_called_once()
-
-def test_update_telegram_user(telegram_user_db):
-    """
-    Test updating a telegram user.
-    """
-    telegram_user_db.Session = MagicMock()
-    telegram_user_db.update_telegram_user("t5", {"wallet_id": "w5"})
-
-def test_save_or_update_user_create(telegram_user_db, mock_db_connector):
-    """
-    Test save_or_update_user creates a user if they don't exist.
-    """
-    mock_db_connector.get_object_by_field.return_value = None
-    data = {"wallet_id": "w6", "telegram_id": "t6"}
-    new_user = TelegramUser(id=uuid4(), **data)
-    mock_db_connector.write_to_db.return_value = new_user
-    with patch.object(telegram_user_db, 'update_telegram_user', MagicMock()):
-        result = telegram_user_db.save_or_update_user(data)
-        assert result == new_user
-
-def test_save_or_update_user_update(telegram_user_db, mock_db_connector):
-    """
-    Test save_or_update_user updates a user if they already exist.
-    """
-    existing_user = TelegramUser(id=uuid4(), wallet_id="w7", telegram_id="t7")
-    mock_db_connector.get_object_by_field.side_effect = [existing_user, existing_user]
-    with patch.object(telegram_user_db, 'update_telegram_user', MagicMock()):
-        result = telegram_user_db.save_or_update_user({"wallet_id": "w7_updated", "telegram_id": "t7"})
-        assert result.wallet_id == "w7"
-
-def test_delete_telegram_user_success(telegram_user_db, mock_db_connector):
-    """
-    Test deleting a user that exists.
-    """
-    user = TelegramUser(id=uuid4(), wallet_id="w8", telegram_id="t8")
-    mock_db_connector.get_object_by_field.return_value = user
-    telegram_user_db.delete_telegram_user("t8")
-    mock_db_connector.delete_object_by_id.assert_called_once()
-
-def test_delete_telegram_user_none(telegram_user_db, mock_db_connector):
-    """
-    Test attempting to delete a user that does not exist.
-    """
-    mock_db_connector.get_object_by_field.return_value = None
-    telegram_user_db.delete_telegram_user("unknown")
-    mock_db_connector.delete_object_by_id.assert_not_called()
-
-def test_set_allow_notification(telegram_user_db):
-    """
-    Test setting notification allowance for a user.
-    """
-    with patch.object(telegram_user_db, 'save_or_update_user', return_value=True):
-        result = telegram_user_db.set_allow_notification("t9", "w9")
-        assert result is True

From 3b6e1313ace882cf02408fa0ae5c3c05f41ec5a0 Mon Sep 17 00:00:00 2001
From: PavelShkurko <bassmart7@gmail.com>
Date: Sat, 21 Dec 2024 21:49:53 +0100
Subject: [PATCH 35/36] Update test_telegram_user.py

Fix test issue
---
 web_app/tests/db/test_telegram_user.py | 8 --------
 1 file changed, 8 deletions(-)

diff --git a/web_app/tests/db/test_telegram_user.py b/web_app/tests/db/test_telegram_user.py
index 824f4554..e6f201a9 100644
--- a/web_app/tests/db/test_telegram_user.py
+++ b/web_app/tests/db/test_telegram_user.py
@@ -58,14 +58,6 @@ def test_get_user_by_telegram_id_success(telegram_user_db, mock_db_connector):
     result = telegram_user_db.get_user_by_telegram_id(telegram_id)
     assert result == expected_user
 
-def test_get_user_by_telegram_id_none(telegram_user_db, mock_db_connector):
-    """
-    Test retrieving a user by telegram ID when no user exists.
-    """
-    mock_db_connector.get_object_by_ield.return_value = None
-    result = telegram_user_db.get_user_by_telegram_id("unknown")
-    assert result is None
-
 def test_get_wallet_id_by_telegram_id_success(telegram_user_db, mock_db_connector):
     """
     Test retrieving a wallet ID by telegram ID when the user exists.

From 31118beb2ca9143a6ed36c3411aa96f68cdfad1c Mon Sep 17 00:00:00 2001
From: PavelShkurko <bassmart7@gmail.com>
Date: Sat, 21 Dec 2024 21:53:14 +0100
Subject: [PATCH 36/36] Update test_telegram_user.py

fix pylint issue
---
 web_app/tests/db/test_telegram_user.py | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/web_app/tests/db/test_telegram_user.py b/web_app/tests/db/test_telegram_user.py
index e6f201a9..e111c6fe 100644
--- a/web_app/tests/db/test_telegram_user.py
+++ b/web_app/tests/db/test_telegram_user.py
@@ -38,7 +38,9 @@ def test_get_telegram_user_by_wallet_id_success(telegram_user_db, mock_db_connec
     mock_db_connector.get_object_by_field.return_value = expected_user
     result = telegram_user_db.get_telegram_user_by_wallet_id(wallet_id)
     assert result == expected_user
-    mock_db_connector.get_object_by_field.assert_called_once_with(TelegramUser, "wallet_id", wallet_id)
+    mock_db_connector.get_object_by_field.assert_called_once_with(
+        TelegramUser, "wallet_id", wallet_id
+    )
 
 def test_get_telegram_user_by_wallet_id_none(telegram_user_db, mock_db_connector):
     """
@@ -113,7 +115,9 @@ def test_save_or_update_user_update(telegram_user_db, mock_db_connector):
     existing_user = TelegramUser(id=uuid4(), wallet_id="w7", telegram_id="t7")
     mock_db_connector.get_object_by_field.side_effect = [existing_user, existing_user]
     with patch.object(telegram_user_db, 'update_telegram_user', MagicMock()):
-        result = telegram_user_db.save_or_update_user({"wallet_id": "w7_updated", "telegram_id": "t7"})
+        result = telegram_user_db.save_or_update_user(
+            {"wallet_id": "w7_updated", "telegram_id": "t7"}
+        )
         assert result.wallet_id == "w7"
 
 def test_delete_telegram_user_success(telegram_user_db, mock_db_connector):