diff --git a/package.json b/package.json
index b619ae066..f05d3fc17 100644
--- a/package.json
+++ b/package.json
@@ -26,7 +26,7 @@
   },
   "dependencies": {
     "@astar-network/astar-sdk-core": "^0.2.8",
-    "@astar-network/astar-ui": "^0.0.140",
+    "@astar-network/astar-ui": "^0.0.142",
     "@astar-network/metamask-astar-adapter": "^0.5.4",
     "@astar-network/metamask-astar-types": "^0.6.1",
     "@ethersproject/bignumber": "^5.5.0",
diff --git a/src/components/assets/Assets.vue b/src/components/assets/Assets.vue
index b3946f7d5..0e5051357 100644
--- a/src/components/assets/Assets.vue
+++ b/src/components/assets/Assets.vue
@@ -69,6 +69,7 @@
 
       <div class="column--links">
         <voting-period-side-add />
+        <governance-links />
         <side-ads />
         <astar-domains />
       </div>
@@ -100,6 +101,7 @@ import { useStore } from 'src/store';
 import { EvmAssets, XcmAssets, XvmAssets } from 'src/store/assets/state';
 import { Asset } from 'src/v2/models';
 import VotingPeriodSideAdd from 'src/staking-v3/components/VotingPeriodSideAdd.vue';
+import GovernanceLinks from '../governance/GovernanceLinks.vue';
 
 export default defineComponent({
   components: {
@@ -116,6 +118,7 @@ export default defineComponent({
     AnchorLinks,
     RegisterBanner,
     VotingPeriodSideAdd,
+    GovernanceLinks,
   },
   setup() {
     const token = ref<Asset | null>(null);
diff --git a/src/components/governance/GovernanceLink.vue b/src/components/governance/GovernanceLink.vue
new file mode 100644
index 000000000..923f12a4c
--- /dev/null
+++ b/src/components/governance/GovernanceLink.vue
@@ -0,0 +1,50 @@
+<template>
+  <div class="link-wrapper">
+    <a :href="url" target="_blank" rel="noopener noreferrer">{{ title }}</a>
+    <div><astar-icon-arrow-right /></div>
+  </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+
+export default defineComponent({
+  props: {
+    index: {
+      type: Number,
+      required: true,
+    },
+    title: {
+      type: String,
+      required: true,
+    },
+    url: {
+      type: String,
+      required: true,
+    },
+  },
+});
+</script>
+
+<style lang="scss" scoped>
+@import 'src/css/quasar.variables.scss';
+
+.link-wrapper {
+  display: flex;
+  color: $astar-blue;
+  align-items: center;
+  gap: 8px;
+  max-height: 80px;
+}
+
+a {
+  color: $astar-blue;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 3;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-height: 4.5em;
+  line-height: 1.5em;
+}
+</style>
diff --git a/src/components/governance/GovernanceLinks.vue b/src/components/governance/GovernanceLinks.vue
new file mode 100644
index 000000000..5b3db4be6
--- /dev/null
+++ b/src/components/governance/GovernanceLinks.vue
@@ -0,0 +1,75 @@
+<template>
+  <div v-if="isGovernanceEnabled" class="governance-links-container governance-container">
+    <div class="header"><astar-icon-governance />{{ $t('governance.newProposals') }}</div>
+    <hr class="separator" />
+    <div class="governance-container">
+      <div v-for="proposal in proposals" :key="proposal.index">
+        <governance-link :index="proposal.index" :title="proposal.title" :url="proposal.url" />
+      </div>
+    </div>
+    <div v-if="ongoingReferenda" class="governance-container">
+      <div class="header"><astar-icon-governance />{{ $t('governance.ongoingReferenda') }}</div>
+      <hr class="separator" />
+      <governance-link
+        :index="ongoingReferenda.index"
+        :title="ongoingReferenda.title"
+        :url="ongoingReferenda.url"
+      />
+    </div>
+  </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+import { useGovernance } from 'src/hooks';
+import GovernanceLink from './GovernanceLink.vue';
+
+export default defineComponent({
+  components: { GovernanceLink },
+  setup() {
+    const { isGovernanceEnabled, proposals, ongoingReferenda } = useGovernance();
+
+    return { isGovernanceEnabled, proposals, ongoingReferenda };
+  },
+});
+</script>
+
+<style lang="scss" scoped>
+@import 'src/css/quasar.variables.scss';
+
+.governance-links-container {
+  background-color: $white;
+  border: 1px solid $gray-2;
+  border-radius: 16px;
+  padding: 16px 24px;
+  font-size: 15px;
+  font-weight: 500;
+  line-height: 18px;
+  color: $navy-1;
+}
+
+.governance-container {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+.separator {
+  border-top: 1px solid $gray-2;
+}
+
+.header {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 4px 0 0 4px;
+}
+
+.body--dark {
+  .governance-links-container {
+    border-color: $navy-3;
+    background-color: $navy-1;
+    color: $white;
+  }
+}
+</style>
diff --git a/src/components/header/mobile/MobileNav.vue b/src/components/header/mobile/MobileNav.vue
index 0c4e7e5a1..8201086fb 100644
--- a/src/components/header/mobile/MobileNav.vue
+++ b/src/components/header/mobile/MobileNav.vue
@@ -46,6 +46,7 @@
               <span class="text--link">{{ $t('sidenavi.data') }}</span>
             </div>
           </router-link>
+          <a href="" target="_blank">{{ $t('sidenavi.governance') }}</a>
         </nav>
 
         <div class="gradient-bg">
diff --git a/src/components/sidenav/SidebarDesktop.vue b/src/components/sidenav/SidebarDesktop.vue
index 90affa21e..da29abdbf 100644
--- a/src/components/sidenav/SidebarDesktop.vue
+++ b/src/components/sidenav/SidebarDesktop.vue
@@ -9,11 +9,7 @@
           :to="RoutePath.Assets"
           :class="['link', $route.path.split('/')[2] === 'assets' ? 'activeLink' : '']"
         >
-          <astar-icon-base
-            :class="['iconbase', isShiden ? 'shiden' : '']"
-            icon-color="currentColor"
-            icon-name="assets"
-          >
+          <astar-icon-base class="iconbase" icon-color="currentColor" icon-name="assets">
             <astar-icon-assets />
           </astar-icon-base>
           <div class="row--item">
@@ -26,11 +22,7 @@
           :to="RoutePath.Dashboard"
           :class="['link', $route.path.split('/')[2] === 'dashboard' ? 'activeLink' : '']"
         >
-          <astar-icon-base
-            :class="['iconbase', isShiden ? 'shiden' : '']"
-            icon-color="#0085FF"
-            icon-name="dashboard"
-          >
+          <astar-icon-base class="iconbase" icon-color="#0085FF" icon-name="dashboard">
             <astar-icon-dashboard />
           </astar-icon-base>
           <div class="row--item">
@@ -45,11 +37,7 @@
           data-testid="dapp-staking"
           :class="['link', $route.path.split('/')[2] === 'dapp-staking' ? 'activeLink' : '']"
         >
-          <astar-icon-base
-            :class="['iconbase', isShiden ? 'shiden' : '']"
-            icon-color="currentColor"
-            icon-name="staking"
-          >
+          <astar-icon-base class="iconbase" icon-color="currentColor" icon-name="staking">
             <astar-icon-dapp-staking />
           </astar-icon-base>
           <div class="row--item">
@@ -62,11 +50,7 @@
           :to="RoutePath.Bridge"
           :class="['link', $route.path.split('/')[2] === 'bridge' ? 'activeLink' : '']"
         >
-          <astar-icon-base
-            :class="['iconbase', isShiden ? 'shiden' : '']"
-            icon-color="currentColor"
-            icon-name="bridge"
-          >
+          <astar-icon-base class="iconbase" icon-color="currentColor" icon-name="bridge">
             <astar-icon-bridge />
           </astar-icon-base>
           <div class="row--item">
@@ -76,23 +60,31 @@
       </div>
       <div>
         <a :class="['link']" href="https://astar.network/community/ecosystem/" target="_blank">
-          <astar-icon-base :class="['icon-add', isShiden ? 'shiden' : '']" icon-name="ecosystem">
+          <astar-icon-base class="icon-add" icon-name="ecosystem">
             <icon-ecosystem />
           </astar-icon-base>
           <div class="row--item row--item-ecosystem">
             <astar-text type="H4">{{ $t('common.ecosystem') }}</astar-text>
-            <astar-icon-external-link />
+          </div>
+        </a>
+      </div>
+      <div v-if="isGovernanceEnabled">
+        <a class="link" :href="governanceUrl" target="_blank">
+          <astar-icon-base class="icon-add" icon-name="governance" style="stroke-width: 0.5px">
+            <astar-icon-governance />
+          </astar-icon-base>
+          <div class="row--item row--item-ecosystem">
+            <astar-text type="H4">{{ $t('sidenavi.governance') }}</astar-text>
           </div>
         </a>
       </div>
       <div>
         <a :class="['link']" :href="socialUrl.forum" target="_blank">
-          <astar-icon-base :class="['icon-add', isShiden ? 'shiden' : '']" icon-name="forum">
+          <astar-icon-base class="icon-add" icon-name="forum">
             <astar-icon-forum />
           </astar-icon-base>
           <div class="row--item row--item-ecosystem">
             <astar-text type="H4">{{ $t('sidenavi.forum') }}</astar-text>
-            <astar-icon-external-link />
           </div>
         </a>
       </div>
@@ -108,8 +100,8 @@
 <script lang="ts">
 import { defineComponent, ref, computed } from 'vue';
 import { useStore } from 'src/store';
-import { useNetworkInfo, useSidebar } from 'src/hooks';
-import { providerEndpoints, endpointKey } from 'src/config/chainEndpoints';
+import { useGovernance, useNetworkInfo, useSidebar } from 'src/hooks';
+import { providerEndpoints } from 'src/config/chainEndpoints';
 import Logo from '../common/Logo.vue';
 import { useRouter } from 'vue-router';
 import { Path as RoutePath } from 'src/router/routes';
@@ -126,12 +118,12 @@ export default defineComponent({
   setup() {
     const { isOpen } = useSidebar();
     const { isZkEvm, isZkyoto } = useNetworkInfo();
+    const { isGovernanceEnabled, governanceUrl } = useGovernance();
 
     const store = useStore();
     const currentNetworkIdx = computed<number>(() => store.getters['general/networkIdx']);
 
     const network = ref(providerEndpoints[currentNetworkIdx.value]);
-    const isShiden = computed<boolean>(() => currentNetworkIdx.value === endpointKey.SHIDEN);
 
     const router = useRouter();
     const path = computed(() => router.currentRoute.value.path.split('/')[2]);
@@ -154,7 +146,6 @@ export default defineComponent({
     return {
       isOpen,
       network,
-      isShiden,
       getIndicatorClass,
       isZkEvm,
       router,
@@ -162,6 +153,8 @@ export default defineComponent({
       RoutePath,
       socialUrl,
       isZkyoto,
+      isGovernanceEnabled,
+      governanceUrl,
     };
   },
 });
diff --git a/src/hooks/index.ts b/src/hooks/index.ts
index d79c94875..d3486af65 100644
--- a/src/hooks/index.ts
+++ b/src/hooks/index.ts
@@ -39,3 +39,4 @@ export * from './useTokenDistribution';
 export * from './useTokenCirculation';
 export * from './useInflation';
 export * from './useBlockTime';
+export * from './useGovernance';
diff --git a/src/hooks/useGovernance.ts b/src/hooks/useGovernance.ts
new file mode 100644
index 000000000..a543e662d
--- /dev/null
+++ b/src/hooks/useGovernance.ts
@@ -0,0 +1,102 @@
+import { computed, ref, onMounted } from 'vue';
+import { useNetworkInfo } from './useNetworkInfo';
+import axios from 'axios';
+
+export type GovernanceData = {
+  title: string;
+  index: number;
+  state: string;
+  url: string;
+};
+
+const proposals = ref<GovernanceData[]>([]);
+const ongoingReferenda = ref<GovernanceData>();
+
+const fetchProposals = async (network: string): Promise<GovernanceData[]> => {
+  try {
+    const url = `https://${network}.subsquare.io/api/democracy/proposals?simple=true&page=1&page_size=2`;
+    const response = await axios.get(url);
+
+    if (response.data) {
+      return response.data.items.map(
+        (proposal: { title: string; proposalIndex: number; proposalState: { state: string } }) => {
+          return <GovernanceData>{
+            title: proposal.title,
+            index: proposal.proposalIndex,
+            state: proposal.proposalState.state,
+            url: `https://${network}.subsquare.io/democracy/proposal/${proposal.proposalIndex}`,
+          };
+        }
+      );
+    }
+  } catch (error) {
+    console.error('Error fetching proposals:', error);
+  }
+
+  return [];
+};
+
+const fetchOngoingReferenda = async (network: string): Promise<GovernanceData | undefined> => {
+  try {
+    const url = `https://${network}.subsquare.io/api/democracy/referendums?simple=true&page=1&page_size=5`;
+    const response = await axios.get(url);
+
+    if (response.data) {
+      const referendas = response.data.items.map(
+        (referenda: {
+          title: string;
+          referendumIndex: number;
+          referendumState: { state: string };
+        }) => {
+          return <GovernanceData>{
+            title: referenda.title,
+            index: referenda.referendumIndex,
+            state: referenda.referendumState.state,
+            url: `https://${network}.subsquare.io/democracy/referenda/${referenda.referendumIndex}`,
+          };
+        }
+      );
+
+      return referendas.find((referenda: GovernanceData) => referenda.state === 'Started');
+    }
+  } catch (error) {
+    console.error('Error fetching proposals:', error);
+  }
+
+  return undefined;
+};
+
+export function useGovernance() {
+  const { networkNameSubstrate } = useNetworkInfo();
+
+  const networkLowercase = computed<string>(() => {
+    return networkNameSubstrate.value.toLowerCase();
+  });
+
+  const isGovernanceEnabled = computed<boolean>(() => {
+    return networkLowercase.value === 'shibuya';
+  });
+
+  const governanceUrl = computed<string>(() => {
+    return `https://${networkLowercase.value}.subsquare.io`;
+  });
+
+  onMounted(async () => {
+    if (isGovernanceEnabled.value) {
+      if (proposals.value.length === 0) {
+        proposals.value = await fetchProposals(networkLowercase.value);
+      }
+
+      if (!ongoingReferenda.value) {
+        ongoingReferenda.value = await fetchOngoingReferenda(networkLowercase.value);
+      }
+    }
+  });
+
+  return {
+    isGovernanceEnabled,
+    proposals,
+    ongoingReferenda,
+    governanceUrl,
+  };
+}
diff --git a/src/i18n/en-US/index.ts b/src/i18n/en-US/index.ts
index 8f6679403..3f118fa16 100644
--- a/src/i18n/en-US/index.ts
+++ b/src/i18n/en-US/index.ts
@@ -161,6 +161,7 @@ export default {
     theme: 'Theme',
     close: 'Close',
     comingsoon: 'Something ink!redible coming soon',
+    governance: 'Governance',
   },
   drawer: {
     network: 'Network',
@@ -1026,7 +1027,7 @@ export default {
     newPeriodWarning:
       'New period begins in {days} days! Remember to stake during the voting period to qualify for bonus rewards!',
     stats: 'Stats',
-    dappEarner: 'Total Rewards Earned',
+    dappEarner: 'Total Rewards Claimed',
     newVotingPeriod: 'New voting period',
     bonusPeriodEnds: 'Bonus period ends in {eras} days',
     userRewardsApr: 'User Rewards APR',
@@ -1135,4 +1136,8 @@ export default {
       interactCarefully: 'Interact carefully with new or suspicious tokens',
     },
   },
+  governance: {
+    newProposals: 'New proposals',
+    ongoingReferenda: 'Ongoing referenda',
+  },
 };
diff --git a/src/staking-v3/components/VotingPeriodSideAdd.vue b/src/staking-v3/components/VotingPeriodSideAdd.vue
index dccb82d4f..3693cd1dd 100644
--- a/src/staking-v3/components/VotingPeriodSideAdd.vue
+++ b/src/staking-v3/components/VotingPeriodSideAdd.vue
@@ -47,6 +47,7 @@ export default defineComponent({
   border-radius: 16px;
   padding: 8px;
   color: $navy-1;
+  border: 1px solid $gray-2;
 }
 
 .top-text {
diff --git a/yarn.lock b/yarn.lock
index 9c73e0dfc..53ebc30cd 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -47,10 +47,10 @@
     ethers "^5.6.9"
     web3 "^1.7.3"
 
-"@astar-network/astar-ui@^0.0.140":
-  version "0.0.140"
-  resolved "https://registry.yarnpkg.com/@astar-network/astar-ui/-/astar-ui-0.0.140.tgz#e127a8358bd4b692eb323c8e38653d208dcd311a"
-  integrity sha512-cwcoUNnbLfGnUBN/ku84pXZCi9Ob3xFdQmbMa9oveZCys0+b7Kik3FM7NOylraTPdYNa+oYFv+GV5reCGC6V/Q==
+"@astar-network/astar-ui@^0.0.142":
+  version "0.0.142"
+  resolved "https://registry.yarnpkg.com/@astar-network/astar-ui/-/astar-ui-0.0.142.tgz#5ef7c55d71642b546388fe13d45e7aaf74c99b64"
+  integrity sha512-Lxkgz6BeWmok60Z9cKJIN2TAd/i9UG1fHmUh7fP4fIU8YaOzSbHjTtp0XOJgjmQqBe35Pfwyr6L7ju2tgSDfPw==
   dependencies:
     "@iconify-prerendered/vue-ic" "^0.21.1672653513"
     vue "^3.2.23"
@@ -438,6 +438,11 @@
   resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.22.5.tgz#533f36457a25814cf1df6488523ad547d784a99f"
   integrity sha512-mM4COjgZox8U+JcXQwPijIZLElkgEpO5rsERVDJTc2qfCDfERyob6k5WegS14SX18IIjv+XD+GrqNumY5JRCDw==
 
+"@babel/helper-string-parser@^7.25.7":
+  version "7.25.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.25.7.tgz#d50e8d37b1176207b4fe9acedec386c565a44a54"
+  integrity sha512-CbkjYdsJNHFk8uqpEkpCvRs3YRp9tY6FmFY7wLMSYuGYkrdUi7r2lc4/wqsvlHoMznX3WJ9IP8giGPq68T/Y6g==
+
 "@babel/helper-validator-identifier@^7.15.7":
   version "7.15.7"
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.15.7.tgz#220df993bfe904a4a6b02ab4f3385a5ebf6e2389"
@@ -453,6 +458,11 @@
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.5.tgz#9544ef6a33999343c8740fa51350f30eeaaaf193"
   integrity sha512-aJXu+6lErq8ltp+JhkJUfk1MTGyuA4v7f3pA+BJ5HLfNC6nAQ0Cpi9uOquUj8Hehg0aUiHzWQbOVJGao6ztBAQ==
 
+"@babel/helper-validator-identifier@^7.25.7":
+  version "7.25.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.25.7.tgz#77b7f60c40b15c97df735b38a66ba1d7c3e93da5"
+  integrity sha512-AM6TzwYqGChO45oiuPqwL2t20/HdMC1rTPAesnBCgPCSF1x3oN9MVUwQV2iyz4xqWrctwK5RNC8LV22kaQCNYg==
+
 "@babel/helper-validator-option@^7.14.5":
   version "7.14.5"
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.14.5.tgz#6e72a1fff18d5dfcb878e1e62f1a021c4b72d5a3"
@@ -537,10 +547,12 @@
   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.23.0.tgz#da950e622420bf96ca0d0f2909cdddac3acd8719"
   integrity sha512-vvPKKdMemU85V9WE/l5wZEmImpCtLqbnTvqDS2U1fJ96KrxoW7KrXhNsNCblQlg8Ck4b85yxdTyelsMUgFUXiw==
 
-"@babel/parser@^7.23.6":
-  version "7.23.6"
-  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.23.6.tgz#ba1c9e512bda72a47e285ae42aff9d2a635a9e3b"
-  integrity sha512-Z2uID7YJ7oNvAI20O9X0bblw7Qqs8Q2hFy0R9tAfnfLkp5MW0UH9eUvnDSnFwKZ0AvgS1ucqR4KzvVHgnke1VQ==
+"@babel/parser@^7.25.3":
+  version "7.25.8"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.25.8.tgz#f6aaf38e80c36129460c1657c0762db584c9d5e2"
+  integrity sha512-HcttkxzdPucv3nNFmfOOMfFf64KgdJVqm1KaCm25dPGMLElo9nsLvXeJECQg8UzPuBGLyTSA0ZzqCtDSzKTEoQ==
+  dependencies:
+    "@babel/types" "^7.25.8"
 
 "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@^7.22.5":
   version "7.22.5"
@@ -1468,6 +1480,15 @@
     "@babel/helper-validator-identifier" "^7.22.20"
     to-fast-properties "^2.0.0"
 
+"@babel/types@^7.25.8":
+  version "7.25.8"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.25.8.tgz#5cf6037258e8a9bcad533f4979025140cb9993e1"
+  integrity sha512-JWtuCu8VQsMladxVz/P4HzHUGCAwpuqacmowgXFs5XjxIgKuNjnLokQzuVjlTvIzODaDmpjT3oxcC48vyk9EWg==
+  dependencies:
+    "@babel/helper-string-parser" "^7.25.7"
+    "@babel/helper-validator-identifier" "^7.25.7"
+    to-fast-properties "^2.0.0"
+
 "@bcoe/v8-coverage@^0.2.3":
   version "0.2.3"
   resolved "https://registry.yarnpkg.com/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz#75a2e8b51cb758a7553d6804a5932d7aace75c39"
@@ -2675,11 +2696,16 @@
   resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz#add4c98d341472a289190b424efbdb096991bb24"
   integrity sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==
 
-"@jridgewell/sourcemap-codec@^1.4.10", "@jridgewell/sourcemap-codec@^1.4.15":
+"@jridgewell/sourcemap-codec@^1.4.10":
   version "1.4.15"
   resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz#d7c6e6755c78567a951e04ab52ef0fd26de59f32"
   integrity sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==
 
+"@jridgewell/sourcemap-codec@^1.5.0":
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz#3188bcb273a414b0d215fd22a58540b989b9409a"
+  integrity sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==
+
 "@jridgewell/trace-mapping@^0.3.12", "@jridgewell/trace-mapping@^0.3.14", "@jridgewell/trace-mapping@^0.3.17", "@jridgewell/trace-mapping@^0.3.18", "@jridgewell/trace-mapping@^0.3.9":
   version "0.3.18"
   resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.18.tgz#25783b2086daf6ff1dcb53c9249ae480e4dd4cd6"
@@ -7203,16 +7229,16 @@
     estree-walker "^2.0.2"
     source-map "^0.6.1"
 
-"@vue/compiler-core@3.4.15":
-  version "3.4.15"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-core/-/compiler-core-3.4.15.tgz#be20d1bbe19626052500b48969302cb6f396d36e"
-  integrity sha512-XcJQVOaxTKCnth1vCxEChteGuwG6wqnUHxAm1DO3gCz0+uXKaJNx8/digSz4dLALCy8n2lKq24jSUs8segoqIw==
+"@vue/compiler-core@3.5.12":
+  version "3.5.12"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-core/-/compiler-core-3.5.12.tgz#bd70b7dabd12b0b6f31bc53418ba3da77994c437"
+  integrity sha512-ISyBTRMmMYagUxhcpyEH0hpXRd/KqDU4ymofPgl2XAkY9ZhQ+h0ovEZJIiPop13UmR/54oA2cgMDjgroRelaEw==
   dependencies:
-    "@babel/parser" "^7.23.6"
-    "@vue/shared" "3.4.15"
+    "@babel/parser" "^7.25.3"
+    "@vue/shared" "3.5.12"
     entities "^4.5.0"
     estree-walker "^2.0.2"
-    source-map-js "^1.0.2"
+    source-map-js "^1.2.0"
 
 "@vue/compiler-dom@3.2.22":
   version "3.2.22"
@@ -7230,13 +7256,13 @@
     "@vue/compiler-core" "3.2.37"
     "@vue/shared" "3.2.37"
 
-"@vue/compiler-dom@3.4.15":
-  version "3.4.15"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.4.15.tgz#753f5ed55f78d33dff04701fad4d76ff0cf81ee5"
-  integrity sha512-wox0aasVV74zoXyblarOM3AZQz/Z+OunYcIHe1OsGclCHt8RsRm04DObjefaI82u6XDzv+qGWZ24tIsRAIi5MQ==
+"@vue/compiler-dom@3.5.12":
+  version "3.5.12"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.5.12.tgz#456d631d11102535b7ee6fd954cf2c93158d0354"
+  integrity sha512-9G6PbJ03uwxLHKQ3P42cMTi85lDRvGLB2rSGOiQqtXELat6uI4n8cNz9yjfVHRPIu+MsK6TE418Giruvgptckg==
   dependencies:
-    "@vue/compiler-core" "3.4.15"
-    "@vue/shared" "3.4.15"
+    "@vue/compiler-core" "3.5.12"
+    "@vue/shared" "3.5.12"
 
 "@vue/compiler-sfc@3.2.37":
   version "3.2.37"
@@ -7254,20 +7280,20 @@
     postcss "^8.1.10"
     source-map "^0.6.1"
 
-"@vue/compiler-sfc@3.4.15":
-  version "3.4.15"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.4.15.tgz#4e5811e681955fcec886cebbec483f6ae463a64b"
-  integrity sha512-LCn5M6QpkpFsh3GQvs2mJUOAlBQcCco8D60Bcqmf3O3w5a+KWS5GvYbrrJBkgvL1BDnTp+e8q0lXCLgHhKguBA==
+"@vue/compiler-sfc@3.5.12":
+  version "3.5.12"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.5.12.tgz#6688120d905fcf22f7e44d3cb90f8dabc4dd3cc8"
+  integrity sha512-2k973OGo2JuAa5+ZlekuQJtitI5CgLMOwgl94BzMCsKZCX/xiqzJYzapl4opFogKHqwJk34vfsaKpfEhd1k5nw==
   dependencies:
-    "@babel/parser" "^7.23.6"
-    "@vue/compiler-core" "3.4.15"
-    "@vue/compiler-dom" "3.4.15"
-    "@vue/compiler-ssr" "3.4.15"
-    "@vue/shared" "3.4.15"
+    "@babel/parser" "^7.25.3"
+    "@vue/compiler-core" "3.5.12"
+    "@vue/compiler-dom" "3.5.12"
+    "@vue/compiler-ssr" "3.5.12"
+    "@vue/shared" "3.5.12"
     estree-walker "^2.0.2"
-    magic-string "^0.30.5"
-    postcss "^8.4.33"
-    source-map-js "^1.0.2"
+    magic-string "^0.30.11"
+    postcss "^8.4.47"
+    source-map-js "^1.2.0"
 
 "@vue/compiler-sfc@^3.0.0":
   version "3.2.22"
@@ -7301,13 +7327,13 @@
     "@vue/compiler-dom" "3.2.37"
     "@vue/shared" "3.2.37"
 
-"@vue/compiler-ssr@3.4.15":
-  version "3.4.15"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-ssr/-/compiler-ssr-3.4.15.tgz#a910a5b89ba4f0a776e40b63d69bdae2f50616cf"
-  integrity sha512-1jdeQyiGznr8gjFDadVmOJqZiLNSsMa5ZgqavkPZ8O2wjHv0tVuAEsw5hTdUoUW4232vpBbL/wJhzVW/JwY1Uw==
+"@vue/compiler-ssr@3.5.12":
+  version "3.5.12"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-ssr/-/compiler-ssr-3.5.12.tgz#5f1a3fbd5c44b79a6dbe88729f7801d9c9218bde"
+  integrity sha512-eLwc7v6bfGBSM7wZOGPmRavSWzNFF6+PdRhE+VFJhNCgHiF8AM7ccoqcv5kBXA2eWUfigD7byekvf/JsOfKvPA==
   dependencies:
-    "@vue/compiler-dom" "3.4.15"
-    "@vue/shared" "3.4.15"
+    "@vue/compiler-dom" "3.5.12"
+    "@vue/shared" "3.5.12"
 
 "@vue/devtools-api@^6.0.0-beta.11":
   version "6.0.0-beta.20.1"
@@ -7337,12 +7363,12 @@
   dependencies:
     "@vue/shared" "3.2.37"
 
-"@vue/reactivity@3.4.15":
-  version "3.4.15"
-  resolved "https://registry.yarnpkg.com/@vue/reactivity/-/reactivity-3.4.15.tgz#ad9d9b83f5398d2e8660ad5cfc0f171e7679a9a1"
-  integrity sha512-55yJh2bsff20K5O84MxSvXKPHHt17I2EomHznvFiJCAZpJTNW8IuLj1xZWMLELRhBK3kkFV/1ErZGHJfah7i7w==
+"@vue/reactivity@3.5.12":
+  version "3.5.12"
+  resolved "https://registry.yarnpkg.com/@vue/reactivity/-/reactivity-3.5.12.tgz#a2815d91842ed7b9e7e7936c851923caf6b6e603"
+  integrity sha512-UzaN3Da7xnJXdz4Okb/BGbAaomRHc3RdoWqTzlvd9+WBR5m3J39J1fGcHes7U3za0ruYn/iYy/a1euhMEHvTAg==
   dependencies:
-    "@vue/shared" "3.4.15"
+    "@vue/shared" "3.5.12"
 
 "@vue/ref-transform@3.2.22":
   version "3.2.22"
@@ -7363,13 +7389,13 @@
     "@vue/reactivity" "3.2.37"
     "@vue/shared" "3.2.37"
 
-"@vue/runtime-core@3.4.15":
-  version "3.4.15"
-  resolved "https://registry.yarnpkg.com/@vue/runtime-core/-/runtime-core-3.4.15.tgz#f81e2fd2108ea41a6d5c61c2462b11dfb754fdf0"
-  integrity sha512-6E3by5m6v1AkW0McCeAyhHTw+3y17YCOKG0U0HDKDscV4Hs0kgNT5G+GCHak16jKgcCDHpI9xe5NKb8sdLCLdw==
+"@vue/runtime-core@3.5.12":
+  version "3.5.12"
+  resolved "https://registry.yarnpkg.com/@vue/runtime-core/-/runtime-core-3.5.12.tgz#849207f203d0fd82971f19574d30dbe7134c78c7"
+  integrity sha512-hrMUYV6tpocr3TL3Ad8DqxOdpDe4zuQY4HPY3X/VRh+L2myQO8MFXPAMarIOSGNu0bFAjh1yBkMPXZBqCk62Uw==
   dependencies:
-    "@vue/reactivity" "3.4.15"
-    "@vue/shared" "3.4.15"
+    "@vue/reactivity" "3.5.12"
+    "@vue/shared" "3.5.12"
 
 "@vue/runtime-dom@3.2.37":
   version "3.2.37"
@@ -7380,13 +7406,14 @@
     "@vue/shared" "3.2.37"
     csstype "^2.6.8"
 
-"@vue/runtime-dom@3.4.15":
-  version "3.4.15"
-  resolved "https://registry.yarnpkg.com/@vue/runtime-dom/-/runtime-dom-3.4.15.tgz#108ef86aa7334ead5d6b9c56a7d93679e1e45406"
-  integrity sha512-EVW8D6vfFVq3V/yDKNPBFkZKGMFSvZrUQmx196o/v2tHKdwWdiZjYUBS+0Ez3+ohRyF8Njwy/6FH5gYJ75liUw==
+"@vue/runtime-dom@3.5.12":
+  version "3.5.12"
+  resolved "https://registry.yarnpkg.com/@vue/runtime-dom/-/runtime-dom-3.5.12.tgz#6d4de3df49a90a460b311b1100baa5e2d0d1c8c9"
+  integrity sha512-q8VFxR9A2MRfBr6/55Q3umyoN7ya836FzRXajPB6/Vvuv0zOPL+qltd9rIMzG/DbRLAIlREmnLsplEF/kotXKA==
   dependencies:
-    "@vue/runtime-core" "3.4.15"
-    "@vue/shared" "3.4.15"
+    "@vue/reactivity" "3.5.12"
+    "@vue/runtime-core" "3.5.12"
+    "@vue/shared" "3.5.12"
     csstype "^3.1.3"
 
 "@vue/server-renderer@3.2.37":
@@ -7397,13 +7424,13 @@
     "@vue/compiler-ssr" "3.2.37"
     "@vue/shared" "3.2.37"
 
-"@vue/server-renderer@3.4.15":
-  version "3.4.15"
-  resolved "https://registry.yarnpkg.com/@vue/server-renderer/-/server-renderer-3.4.15.tgz#34438f998e6f6370fac78883a75efe136631957f"
-  integrity sha512-3HYzaidu9cHjrT+qGUuDhFYvF/j643bHC6uUN9BgM11DVy+pM6ATsG6uPBLnkwOgs7BpJABReLmpL3ZPAsUaqw==
+"@vue/server-renderer@3.5.12":
+  version "3.5.12"
+  resolved "https://registry.yarnpkg.com/@vue/server-renderer/-/server-renderer-3.5.12.tgz#79c6bc3860e4e4ef80d85653c5d03fd94b26574e"
+  integrity sha512-I3QoeDDeEPZm8yR28JtY+rk880Oqmj43hreIBVTicisFTx/Dl7JpG72g/X7YF8hnQD3IFhkky5i2bPonwrTVPg==
   dependencies:
-    "@vue/compiler-ssr" "3.4.15"
-    "@vue/shared" "3.4.15"
+    "@vue/compiler-ssr" "3.5.12"
+    "@vue/shared" "3.5.12"
 
 "@vue/shared@3.2.22":
   version "3.2.22"
@@ -7415,10 +7442,10 @@
   resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.2.37.tgz#8e6adc3f2759af52f0e85863dfb0b711ecc5c702"
   integrity sha512-4rSJemR2NQIo9Klm1vabqWjD8rs/ZaJSzMxkMNeJS6lHiUjjUeYFbooN19NgFjztubEKh3WlZUeOLVdbbUWHsw==
 
-"@vue/shared@3.4.15":
-  version "3.4.15"
-  resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.4.15.tgz#e7d2ea050c667480cb5e1a6df2ac13bcd03a8f30"
-  integrity sha512-KzfPTxVaWfB+eGcGdbSf4CWdaXcGDqckoeXUh7SB3fZdEtzPCK2Vq9B/lRRL3yutax/LWITz+SwvgyOxz5V75g==
+"@vue/shared@3.5.12":
+  version "3.5.12"
+  resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.5.12.tgz#f9e45b7f63f2c3f40d84237b1194b7f67de192e3"
+  integrity sha512-L2RPSAwUFbgZH20etwrXyVyCBu9OxRSi8T/38QsvnkJyvq2LufW2lDCOzm7t/U9C1mkhJGWYfCuFBCmIuNivrg==
 
 "@vue/vue3-jest@^29.0.0":
   version "29.2.4"
@@ -14874,12 +14901,12 @@ magic-string@^0.25.7:
   dependencies:
     sourcemap-codec "^1.4.8"
 
-magic-string@^0.30.5:
-  version "0.30.5"
-  resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.30.5.tgz#1994d980bd1c8835dc6e78db7cbd4ae4f24746f9"
-  integrity sha512-7xlpfBaQaP/T6Vh8MO/EqXSW5En6INHEvEXQiuff7Gku0PWjU3uf6w/j9o7O+SpB5fOAkrI5HeoNgwjEO0pFsA==
+magic-string@^0.30.11:
+  version "0.30.12"
+  resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.30.12.tgz#9eb11c9d072b9bcb4940a5b2c2e1a217e4ee1a60"
+  integrity sha512-Ea8I3sQMVXr8JhN4z+H/d8zwo+tYDgHE9+5G4Wnrwhs0gaK9fXTKx0Tw5Xwsd/bCPTTZNRAdpyzvoeORe9LYpw==
   dependencies:
-    "@jridgewell/sourcemap-codec" "^1.4.15"
+    "@jridgewell/sourcemap-codec" "^1.5.0"
 
 make-dir@^2.0.0, make-dir@^2.1.0:
   version "2.1.0"
@@ -16746,6 +16773,11 @@ picocolors@^1.0.0:
   resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.0.tgz#cb5bdc74ff3f51892236eaf79d68bc44564ab81c"
   integrity sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==
 
+picocolors@^1.1.0:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.1.1.tgz#3d321af3eab939b083c8f929a1d12cda81c26b6b"
+  integrity sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==
+
 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"
@@ -17254,14 +17286,14 @@ postcss@^8.4.17, postcss@^8.4.19, postcss@^8.4.4, postcss@^8.4.6:
     picocolors "^1.0.0"
     source-map-js "^1.0.2"
 
-postcss@^8.4.33:
-  version "8.4.33"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.33.tgz#1378e859c9f69bf6f638b990a0212f43e2aaa742"
-  integrity sha512-Kkpbhhdjw2qQs2O2DGX+8m5OVqEcbB9HRBvuYM9pgrjEFUg30A9LmXNlTAUj4S9kgtGyrMbTzVjH7E+s5Re2yg==
+postcss@^8.4.47:
+  version "8.4.47"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.47.tgz#5bf6c9a010f3e724c503bf03ef7947dcb0fea365"
+  integrity sha512-56rxCq7G/XfB4EkXq9Egn5GCqugWvDFjafDOThIdMBsI15iqPqR5r15TfSr1YPYeEI19YeaXMCbY6u88Y76GLQ==
   dependencies:
     nanoid "^3.3.7"
-    picocolors "^1.0.0"
-    source-map-js "^1.0.2"
+    picocolors "^1.1.0"
+    source-map-js "^1.2.1"
 
 prebuild-install@^7.1.1:
   version "7.1.1"
@@ -18775,6 +18807,11 @@ source-map-js@^1.2.0:
   resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.2.0.tgz#16b809c162517b5b8c3e7dcd315a2a5c2612b2af"
   integrity sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==
 
+source-map-js@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.2.1.tgz#1ce5650fddd87abc099eda37dcff024c2667ae46"
+  integrity sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==
+
 source-map-resolve@^0.5.0:
   version "0.5.3"
   resolved "https://registry.yarnpkg.com/source-map-resolve/-/source-map-resolve-0.5.3.tgz#190866bece7553e1f8f267a2ee82c606b5509a1a"
@@ -20394,15 +20431,15 @@ vue@^3.0.0:
     "@vue/shared" "3.2.37"
 
 vue@^3.2.23:
-  version "3.4.15"
-  resolved "https://registry.yarnpkg.com/vue/-/vue-3.4.15.tgz#91f979844ffca9239dff622ba4c79c5d5524b88c"
-  integrity sha512-jC0GH4KkWLWJOEQjOpkqU1bQsBwf4R1rsFtw5GQJbjHVKWDzO6P0nWWBTmjp1xSemAioDFj1jdaK1qa3DnMQoQ==
-  dependencies:
-    "@vue/compiler-dom" "3.4.15"
-    "@vue/compiler-sfc" "3.4.15"
-    "@vue/runtime-dom" "3.4.15"
-    "@vue/server-renderer" "3.4.15"
-    "@vue/shared" "3.4.15"
+  version "3.5.12"
+  resolved "https://registry.yarnpkg.com/vue/-/vue-3.5.12.tgz#e08421c601b3617ea2c9ef0413afcc747130b36c"
+  integrity sha512-CLVZtXtn2ItBIi/zHZ0Sg1Xkb7+PU32bJJ8Bmy7ts3jxXTcbfsEfBivFYYWz1Hur+lalqGAh65Coin0r+HRUfg==
+  dependencies:
+    "@vue/compiler-dom" "3.5.12"
+    "@vue/compiler-sfc" "3.5.12"
+    "@vue/runtime-dom" "3.5.12"
+    "@vue/server-renderer" "3.5.12"
+    "@vue/shared" "3.5.12"
 
 vuex@^4.0.1:
   version "4.0.2"