From 9508eb31bab403ad99efff50297beb206f259efa Mon Sep 17 00:00:00 2001
From: gourav <gourav@auvo.io>
Date: Mon, 31 Mar 2025 12:54:00 +0530
Subject: [PATCH 01/24] feat: settings-flow

---
 .../eid-wallet/src/routes/(app)/settings/+page.svelte      | 7 +++++++
 1 file changed, 7 insertions(+)
 create mode 100644 infrastructure/eid-wallet/src/routes/(app)/settings/+page.svelte

diff --git a/infrastructure/eid-wallet/src/routes/(app)/settings/+page.svelte b/infrastructure/eid-wallet/src/routes/(app)/settings/+page.svelte
new file mode 100644
index 00000000..290bb159
--- /dev/null
+++ b/infrastructure/eid-wallet/src/routes/(app)/settings/+page.svelte
@@ -0,0 +1,7 @@
+<script lang="ts">
+
+</script>
+
+<main>
+    
+</main>
\ No newline at end of file

From 27ed83c5eaeb2dd386d131e068f9bc77657eb1bf Mon Sep 17 00:00:00 2001
From: gourav <gourav@auvo.io>
Date: Mon, 31 Mar 2025 15:28:37 +0530
Subject: [PATCH 02/24] feat: settings and language page

---
 .../src/lib/ui/Selector/Selector.svelte       | 10 ++++---
 infrastructure/eid-wallet/src/lib/ui/index.ts |  1 +
 .../src/routes/(app)/settings/+page.svelte    | 18 ++++++++++---
 .../(app)/settings/language/+page.svelte      | 26 +++++++++++++++++++
 .../eid-wallet/src/routes/+page.svelte        |  1 +
 5 files changed, 50 insertions(+), 6 deletions(-)
 create mode 100644 infrastructure/eid-wallet/src/routes/(app)/settings/language/+page.svelte

diff --git a/infrastructure/eid-wallet/src/lib/ui/Selector/Selector.svelte b/infrastructure/eid-wallet/src/lib/ui/Selector/Selector.svelte
index d7bc1318..5d10302c 100644
--- a/infrastructure/eid-wallet/src/lib/ui/Selector/Selector.svelte
+++ b/infrastructure/eid-wallet/src/lib/ui/Selector/Selector.svelte
@@ -30,7 +30,7 @@ let {
     {...restProps}
     for={id}
     class={cn(
-        ["flex w-full justify-between items-center py-4", restProps.class].join(
+        ["flex w-full justify-between items-center ps-[5vw] py-4", restProps.class].join(
             " "
         )
     )}
@@ -46,9 +46,13 @@ let {
                 bind:group={selected}
             />
             {#if icon}
-                <div>{@render icon?.(id)}</div>
+            <div class="">
+              {@render icon?.(id)}
+            </div>
             {/if}
-            {@render children?.()}
+            <p>
+              {@render children?.()}
+            </p>
         </div>
     </div>
     {#if selected === value}
diff --git a/infrastructure/eid-wallet/src/lib/ui/index.ts b/infrastructure/eid-wallet/src/lib/ui/index.ts
index d723c43a..723d3a80 100644
--- a/infrastructure/eid-wallet/src/lib/ui/index.ts
+++ b/infrastructure/eid-wallet/src/lib/ui/index.ts
@@ -1,3 +1,4 @@
 export { default as Drawer } from "./Drawer/Drawer.svelte";
 export { default as InputPin } from "./InputPin/InputPin.svelte";
 export { default as ButtonAction } from "./Button/ButtonAction.svelte";
+export { default as Selector } from "./Selector/Selector.svelte";
diff --git a/infrastructure/eid-wallet/src/routes/(app)/settings/+page.svelte b/infrastructure/eid-wallet/src/routes/(app)/settings/+page.svelte
index 290bb159..89bb0fda 100644
--- a/infrastructure/eid-wallet/src/routes/(app)/settings/+page.svelte
+++ b/infrastructure/eid-wallet/src/routes/(app)/settings/+page.svelte
@@ -1,7 +1,19 @@
 <script lang="ts">
-
+import { SettingsNavigationBtn } from "$lib/fragments";
+import {
+	Key01Icon,
+	LanguageSquareIcon,
+	Link02Icon,
+	PinCodeIcon,
+	Shield01Icon,
+} from "@hugeicons/core-free-icons";
 </script>
 
-<main>
-    
+<main class="pt-[3vh] px-[5vw] pb-[4.5vh]">
+    <!-- header part -->
+    <SettingsNavigationBtn icon={LanguageSquareIcon} label="Language" href="/settings/language"/>
+    <SettingsNavigationBtn icon={Link02Icon} label="History" href="/settings/history"/>
+    <SettingsNavigationBtn icon={PinCodeIcon} label="Pin" href="/settings/pin"/>
+    <SettingsNavigationBtn icon={Key01Icon} label="Keys" href="/settings/keys"/>
+    <SettingsNavigationBtn icon={Shield01Icon} label="Privacy" href="/settings/privacy"/>
 </main>
\ No newline at end of file
diff --git a/infrastructure/eid-wallet/src/routes/(app)/settings/language/+page.svelte b/infrastructure/eid-wallet/src/routes/(app)/settings/language/+page.svelte
new file mode 100644
index 00000000..8eaf0e58
--- /dev/null
+++ b/infrastructure/eid-wallet/src/routes/(app)/settings/language/+page.svelte
@@ -0,0 +1,26 @@
+<script lang="ts">
+import { Selector } from "$lib/ui";
+
+let languages: { name: string; country: string }[] = [
+	{ name: "English", country: "gb" },
+	{ name: "Spanish", country: "es" },
+	{ name: "German", country: "de" },
+	{ name: "French", country: "fr" },
+];
+let selected = $state("");
+</script>
+
+
+
+<main class="pt-[3vh] px-[5vw] pb-[4.5vh]">
+    {#each languages as lang, i}
+    <Selector id={`option-${i}`} name={lang.name} bind:selected value={lang.name}>
+        {lang.name}
+        {#snippet icon()}
+        <div
+            class={`rounded-full fi fis fi-${lang.country} scale-150 mr-12 outline-8 outline-gray`}
+        ></div>
+        {/snippet}
+    </Selector>
+    {/each}
+</main>
\ No newline at end of file
diff --git a/infrastructure/eid-wallet/src/routes/+page.svelte b/infrastructure/eid-wallet/src/routes/+page.svelte
index b782f660..467b9a43 100644
--- a/infrastructure/eid-wallet/src/routes/+page.svelte
+++ b/infrastructure/eid-wallet/src/routes/+page.svelte
@@ -5,3 +5,4 @@ import ButtonAction from "$lib/ui/Button/ButtonAction.svelte";
 
 <ButtonAction callback={async() => await(goto("/onboarding"))}>Onboarding Flow</ButtonAction>
 <ButtonAction callback={async() => await(goto("/register"))}>Create PIN</ButtonAction>
+<ButtonAction callback={async() => await(goto("/settings"))}>Settings</ButtonAction>

From 808341a49d18d9c8fb7f59b9bbb5283a1d228fce Mon Sep 17 00:00:00 2001
From: gourav <gourav@auvo.io>
Date: Mon, 31 Mar 2025 17:04:56 +0530
Subject: [PATCH 03/24] feat : history page

---
 .../src/routes/(app)/settings/history/+page.svelte          | 6 ++++++
 1 file changed, 6 insertions(+)
 create mode 100644 infrastructure/eid-wallet/src/routes/(app)/settings/history/+page.svelte

diff --git a/infrastructure/eid-wallet/src/routes/(app)/settings/history/+page.svelte b/infrastructure/eid-wallet/src/routes/(app)/settings/history/+page.svelte
new file mode 100644
index 00000000..72857e3f
--- /dev/null
+++ b/infrastructure/eid-wallet/src/routes/(app)/settings/history/+page.svelte
@@ -0,0 +1,6 @@
+<script lang="ts">
+</script>
+
+<main>
+    <h1>History Page</h1>
+</main>
\ No newline at end of file

From 8a736f8e75a6d1001e384a35c5b2505ee88081a2 Mon Sep 17 00:00:00 2001
From: gourav <gourav@auvo.io>
Date: Mon, 31 Mar 2025 17:25:23 +0530
Subject: [PATCH 04/24] feat: change pin page

---
 .../routes/(app)/settings/pin/+page.svelte    | 29 +++++++++++++++++++
 1 file changed, 29 insertions(+)
 create mode 100644 infrastructure/eid-wallet/src/routes/(app)/settings/pin/+page.svelte

diff --git a/infrastructure/eid-wallet/src/routes/(app)/settings/pin/+page.svelte b/infrastructure/eid-wallet/src/routes/(app)/settings/pin/+page.svelte
new file mode 100644
index 00000000..09ef13f8
--- /dev/null
+++ b/infrastructure/eid-wallet/src/routes/(app)/settings/pin/+page.svelte
@@ -0,0 +1,29 @@
+<script lang="ts">
+import { InputPin } from "$lib/ui";
+
+let currentPin = $state("");
+let newPin = $state("");
+let repeatPin = $state("");
+let isError = $state(false);
+
+$effect(() => {
+	if (repeatPin.length === 4 && newPin !== repeatPin) isError = true;
+	else isError = false;
+});
+</script>
+
+<main class="h-[100vh] pt-[3vh] px-[5vw] pb-[4.5vh] flex flex-col gap-[3vh]">
+    <div>
+        <p class="mb-[1vh]">Enter you current PIN</p>
+        <InputPin bind:pin={currentPin} variant="sm"/>
+    </div>
+    <div>
+        <p class="mb-[1vh]">Enter your new PIN</p>
+        <InputPin bind:pin={newPin} variant="sm"/>
+    </div>
+    <div>
+        <p class="mb-[1vh]">Confirm new PIN</p>
+        <InputPin bind:pin={repeatPin} variant="sm"/>
+    </div>
+    <p class={`small text-danger mt-[3.4vh] ${isError ? "block" : "hidden"}`}>Your PIN does not match, try again.</p>
+</main>
\ No newline at end of file

From 56dfcffeb61376853f42f1c4d68c61a1fb3cbe9a Mon Sep 17 00:00:00 2001
From: gourav <gourav@auvo.io>
Date: Tue, 1 Apr 2025 09:36:09 +0530
Subject: [PATCH 05/24] fix: height of selector

---
 infrastructure/eid-wallet/src/lib/ui/Selector/Selector.svelte   | 2 +-
 .../eid-wallet/src/routes/(app)/settings/pin/+page.svelte       | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/infrastructure/eid-wallet/src/lib/ui/Selector/Selector.svelte b/infrastructure/eid-wallet/src/lib/ui/Selector/Selector.svelte
index 5d10302c..02a98bff 100644
--- a/infrastructure/eid-wallet/src/lib/ui/Selector/Selector.svelte
+++ b/infrastructure/eid-wallet/src/lib/ui/Selector/Selector.svelte
@@ -30,7 +30,7 @@ let {
     {...restProps}
     for={id}
     class={cn(
-        ["flex w-full justify-between items-center ps-[5vw] py-4", restProps.class].join(
+        ["flex w-full justify-between items-center ps-[5vw] py-6", restProps.class].join(
             " "
         )
     )}
diff --git a/infrastructure/eid-wallet/src/routes/(app)/settings/pin/+page.svelte b/infrastructure/eid-wallet/src/routes/(app)/settings/pin/+page.svelte
index 09ef13f8..41ef4683 100644
--- a/infrastructure/eid-wallet/src/routes/(app)/settings/pin/+page.svelte
+++ b/infrastructure/eid-wallet/src/routes/(app)/settings/pin/+page.svelte
@@ -25,5 +25,5 @@ $effect(() => {
         <p class="mb-[1vh]">Confirm new PIN</p>
         <InputPin bind:pin={repeatPin} variant="sm"/>
     </div>
-    <p class={`small text-danger mt-[3.4vh] ${isError ? "block" : "hidden"}`}>Your PIN does not match, try again.</p>
+    <p class={`text-danger mt-[3.4vh] ${isError ? "block" : "hidden"}`}>Your PIN does not match, try again.</p>
 </main>
\ No newline at end of file

From 6202f4b56948a946ca86de5574582a0d3c924d97 Mon Sep 17 00:00:00 2001
From: gourav <gourav@auvo.io>
Date: Tue, 1 Apr 2025 09:57:14 +0530
Subject: [PATCH 06/24] fix: pin change page

---
 .../routes/(app)/settings/pin/+page.svelte    | 64 +++++++++++++------
 1 file changed, 46 insertions(+), 18 deletions(-)

diff --git a/infrastructure/eid-wallet/src/routes/(app)/settings/pin/+page.svelte b/infrastructure/eid-wallet/src/routes/(app)/settings/pin/+page.svelte
index 41ef4683..14f217c9 100644
--- a/infrastructure/eid-wallet/src/routes/(app)/settings/pin/+page.svelte
+++ b/infrastructure/eid-wallet/src/routes/(app)/settings/pin/+page.svelte
@@ -1,29 +1,57 @@
 <script lang="ts">
-import { InputPin } from "$lib/ui";
+import { ButtonAction, Drawer, InputPin } from "$lib/ui";
+import { CircleLock01Icon } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon } from "@hugeicons/svelte";
 
 let currentPin = $state("");
 let newPin = $state("");
 let repeatPin = $state("");
 let isError = $state(false);
+let showDrawer = $state(false);
 
-$effect(() => {
+const handleClose = async () => {
+	// close functionality goes here.
+	showDrawer = false;
+};
+
+const handleChangePIN = async () => {
 	if (repeatPin.length === 4 && newPin !== repeatPin) isError = true;
-	else isError = false;
+	if (!isError) showDrawer = true;
+};
+
+$effect(() => {
+	if (repeatPin.length === 4 && newPin === repeatPin) isError = false;
 });
 </script>
 
-<main class="h-[100vh] pt-[3vh] px-[5vw] pb-[4.5vh] flex flex-col gap-[3vh]">
-    <div>
-        <p class="mb-[1vh]">Enter you current PIN</p>
-        <InputPin bind:pin={currentPin} variant="sm"/>
-    </div>
-    <div>
-        <p class="mb-[1vh]">Enter your new PIN</p>
-        <InputPin bind:pin={newPin} variant="sm"/>
-    </div>
-    <div>
-        <p class="mb-[1vh]">Confirm new PIN</p>
-        <InputPin bind:pin={repeatPin} variant="sm"/>
-    </div>
-    <p class={`text-danger mt-[3.4vh] ${isError ? "block" : "hidden"}`}>Your PIN does not match, try again.</p>
-</main>
\ No newline at end of file
+<main class="h-[100vh] pt-[3vh] px-[5vw] pb-[4.5vh] flex flex-col justify-between gap-[3vh]">
+    <section>
+        <div>
+            <p class="mb-[1vh]">Enter you current PIN</p>
+            <InputPin bind:pin={currentPin} variant="sm"/>
+        </div>
+        <div>
+            <p class="mb-[1vh]">Enter your new PIN</p>
+            <InputPin bind:pin={newPin} variant="sm"/>
+        </div>
+        <div>
+            <p class="mb-[1vh]">Confirm new PIN</p>
+            <InputPin bind:pin={repeatPin} variant="sm"/>
+        </div>
+        <p class={`text-danger mt-[3.4vh] ${isError ? "block" : "hidden"}`}>Your PIN does not match, try again.</p>
+    </section>
+    <ButtonAction class="w-full" callback={handleChangePIN}>Change PIN</ButtonAction>
+</main>
+
+<Drawer bind:isPaneOpen={showDrawer} isCancelRequired={true}>
+        <div class="relative bg-gray w-[72px] h-[72px] rounded-[24px] flex justify-center items-center mb-[2.3vh]">
+            <span class="relative z-[1]">
+                <HugeiconsIcon icon={CircleLock01Icon} color="var(--color-primary)"/>
+            </span>
+            <img class="absolute top-0 start-0" src="/images/Line.svg" alt="line">
+            <img class="absolute top-0 start-0" src="/images/Line2.svg" alt="line">
+        </div>
+        <h4>Pin code changed!</h4>
+        <p class="text-black-700 mt-[0.5vh] mb-[2.3vh]">Your PIN has been changed.</p>
+        <ButtonAction class="w-full" callback={handleClose}>Close</ButtonAction>
+</Drawer>
\ No newline at end of file

From 3d4b0aa5d54fb147a68cb174af4b0e618889416a Mon Sep 17 00:00:00 2001
From: gourav <gourav@auvo.io>
Date: Tue, 1 Apr 2025 10:01:35 +0530
Subject: [PATCH 07/24] fix: size of input pin

---
 infrastructure/eid-wallet/src/lib/ui/InputPin/InputPin.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/infrastructure/eid-wallet/src/lib/ui/InputPin/InputPin.svelte b/infrastructure/eid-wallet/src/lib/ui/InputPin/InputPin.svelte
index 5b63fac9..ba1539c9 100644
--- a/infrastructure/eid-wallet/src/lib/ui/InputPin/InputPin.svelte
+++ b/infrastructure/eid-wallet/src/lib/ui/InputPin/InputPin.svelte
@@ -144,7 +144,7 @@ const cBase =
 
 <style>
   .sm {
-    scale: 0.8;
+    scale: 0.7;
     transform-origin: 0 0;
   }
 

From 3c244285076a26b32e35966151f7a3d0c2c6b384 Mon Sep 17 00:00:00 2001
From: gourav <gourav@auvo.io>
Date: Tue, 1 Apr 2025 10:03:01 +0530
Subject: [PATCH 08/24] fix: spacing of pins

---
 infrastructure/eid-wallet/src/lib/ui/InputPin/InputPin.svelte | 1 +
 1 file changed, 1 insertion(+)

diff --git a/infrastructure/eid-wallet/src/lib/ui/InputPin/InputPin.svelte b/infrastructure/eid-wallet/src/lib/ui/InputPin/InputPin.svelte
index ba1539c9..f75e7fac 100644
--- a/infrastructure/eid-wallet/src/lib/ui/InputPin/InputPin.svelte
+++ b/infrastructure/eid-wallet/src/lib/ui/InputPin/InputPin.svelte
@@ -146,6 +146,7 @@ const cBase =
   .sm {
     scale: 0.7;
     transform-origin: 0 0;
+    justify-content: flex-start;
   }
 
   .singular-input .mask {

From 07afca84620a03270ab3c547c561faf028c306a6 Mon Sep 17 00:00:00 2001
From: JulienAuvo <julien@auvo.io>
Date: Tue, 1 Apr 2025 07:56:38 +0300
Subject: [PATCH 09/24] feat: AppNav fragment

---
 .../lib/fragments/AppNav/AppNav.stories.ts    | 21 ++++++++++++++++
 .../src/lib/fragments/AppNav/AppNav.svelte    | 25 +++++++++++++++++++
 2 files changed, 46 insertions(+)
 create mode 100644 infrastructure/eid-wallet/src/lib/fragments/AppNav/AppNav.stories.ts
 create mode 100644 infrastructure/eid-wallet/src/lib/fragments/AppNav/AppNav.svelte

diff --git a/infrastructure/eid-wallet/src/lib/fragments/AppNav/AppNav.stories.ts b/infrastructure/eid-wallet/src/lib/fragments/AppNav/AppNav.stories.ts
new file mode 100644
index 00000000..60d4a38f
--- /dev/null
+++ b/infrastructure/eid-wallet/src/lib/fragments/AppNav/AppNav.stories.ts
@@ -0,0 +1,21 @@
+import type { ComponentProps } from "svelte";
+import AppNav from "./AppNav.svelte";
+
+export default {
+	title: "Fragments/AppNav",
+	component: AppNav,
+	tags: ["autodocs"],
+	render: (args: {
+		Component: AppNav;
+		props: ComponentProps<typeof AppNav>;
+	}) => ({
+		Component: AppNav,
+		props: args,
+	}),
+};
+
+export const Basic = {
+	args: {
+		title: "Settings",
+	},
+};
diff --git a/infrastructure/eid-wallet/src/lib/fragments/AppNav/AppNav.svelte b/infrastructure/eid-wallet/src/lib/fragments/AppNav/AppNav.svelte
new file mode 100644
index 00000000..db8cffb9
--- /dev/null
+++ b/infrastructure/eid-wallet/src/lib/fragments/AppNav/AppNav.svelte
@@ -0,0 +1,25 @@
+<script lang="ts">
+import * as Button from "$lib/ui/Button";
+import { cn } from "$lib/utils";
+import { ArrowLeft01Icon, Settings02Icon } from "@hugeicons/core-free-icons";
+import type { HTMLAttributes } from "svelte/elements";
+interface IHeroProps extends HTMLAttributes<HTMLElement> {
+	title?: string;
+	titleClasses?: string;
+}
+const { title, titleClasses, ...restProps }: IHeroProps = $props();
+const baseClasses = "w-full relative flex justify-center h-14 items-center";
+</script>
+    
+<nav {...restProps} class={cn(baseClasses, restProps.class)}>
+    <Button.Icon 
+        icon={ArrowLeft01Icon}
+        iconSize="md"
+        iconColor={"black"}
+        class="absolute left-2"
+        onclick={() => window.history.back()}
+    />
+    <h4 class={cn(titleClasses)}>
+        {title}
+    </h4>
+</nav>
\ No newline at end of file

From 83685ec113a95590a080745161f002951e961313 Mon Sep 17 00:00:00 2001
From: gourav <gourav@auvo.io>
Date: Tue, 1 Apr 2025 11:05:08 +0530
Subject: [PATCH 10/24] fix: height of page

---
 .../eid-wallet/src/lib/fragments/Header/Header.svelte |  8 ++++----
 .../src/routes/(app)/settings/+layout.svelte          | 11 +++++++++++
 .../eid-wallet/src/routes/(app)/settings/+page.svelte |  7 ++++++-
 .../src/routes/(app)/settings/history/+page.svelte    |  6 +++++-
 .../src/routes/(app)/settings/language/+page.svelte   |  7 ++++++-
 .../src/routes/(app)/settings/pin/+page.svelte        |  5 ++++-
 6 files changed, 36 insertions(+), 8 deletions(-)
 create mode 100644 infrastructure/eid-wallet/src/routes/(app)/settings/+layout.svelte

diff --git a/infrastructure/eid-wallet/src/lib/fragments/Header/Header.svelte b/infrastructure/eid-wallet/src/lib/fragments/Header/Header.svelte
index bf8bbc8b..ce030cf6 100644
--- a/infrastructure/eid-wallet/src/lib/fragments/Header/Header.svelte
+++ b/infrastructure/eid-wallet/src/lib/fragments/Header/Header.svelte
@@ -27,10 +27,10 @@ const cBase = "w-full h-[9vh] flex justify-between items-center";
     {:else}
         <span aria-hidden="true"></span>
     {/if}
-    <h3 class="text-center">{title}</h3>
-    {#if isUserLoggedIn}
+    <h4 class="text-center">{title}</h4>
+    <!-- {#if isUserLoggedIn}
         <Button.Icon icon={UserCircleIcon} iconSize="8.1vw" iconColor={"text-black-700"} onclick={handleProfile} />
-    {:else}
+    {:else} -->
         <span aria-hidden="true"></span>
-    {/if}
+    <!-- {/if} -->
 </header>
\ No newline at end of file
diff --git a/infrastructure/eid-wallet/src/routes/(app)/settings/+layout.svelte b/infrastructure/eid-wallet/src/routes/(app)/settings/+layout.svelte
new file mode 100644
index 00000000..4c34b36f
--- /dev/null
+++ b/infrastructure/eid-wallet/src/routes/(app)/settings/+layout.svelte
@@ -0,0 +1,11 @@
+<script lang="ts">
+import { Header } from "$lib/fragments";
+import { runtime } from "$lib/global/runtime.svelte";
+
+const { children } = $props();
+</script>
+
+<main class="h-[100vh] px-[5vw] pb-[4.5vh]">
+    <Header title={runtime.header.title ?? ""}/>
+    {@render children?.()}
+</main>
\ No newline at end of file
diff --git a/infrastructure/eid-wallet/src/routes/(app)/settings/+page.svelte b/infrastructure/eid-wallet/src/routes/(app)/settings/+page.svelte
index 89bb0fda..7d3a9d9f 100644
--- a/infrastructure/eid-wallet/src/routes/(app)/settings/+page.svelte
+++ b/infrastructure/eid-wallet/src/routes/(app)/settings/+page.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
 import { SettingsNavigationBtn } from "$lib/fragments";
+import { runtime } from "$lib/global/runtime.svelte";
 import {
 	Key01Icon,
 	LanguageSquareIcon,
@@ -7,9 +8,13 @@ import {
 	PinCodeIcon,
 	Shield01Icon,
 } from "@hugeicons/core-free-icons";
+
+$effect(() => {
+	runtime.header.title = "Settings";
+});
 </script>
 
-<main class="pt-[3vh] px-[5vw] pb-[4.5vh]">
+<main>
     <!-- header part -->
     <SettingsNavigationBtn icon={LanguageSquareIcon} label="Language" href="/settings/language"/>
     <SettingsNavigationBtn icon={Link02Icon} label="History" href="/settings/history"/>
diff --git a/infrastructure/eid-wallet/src/routes/(app)/settings/history/+page.svelte b/infrastructure/eid-wallet/src/routes/(app)/settings/history/+page.svelte
index 72857e3f..bfa2a99e 100644
--- a/infrastructure/eid-wallet/src/routes/(app)/settings/history/+page.svelte
+++ b/infrastructure/eid-wallet/src/routes/(app)/settings/history/+page.svelte
@@ -1,6 +1,10 @@
 <script lang="ts">
+import { runtime } from "$lib/global/runtime.svelte";
+
+$effect(() => {
+	runtime.header.title = "History";
+});
 </script>
 
 <main>
-    <h1>History Page</h1>
 </main>
\ No newline at end of file
diff --git a/infrastructure/eid-wallet/src/routes/(app)/settings/language/+page.svelte b/infrastructure/eid-wallet/src/routes/(app)/settings/language/+page.svelte
index 8eaf0e58..1c64d656 100644
--- a/infrastructure/eid-wallet/src/routes/(app)/settings/language/+page.svelte
+++ b/infrastructure/eid-wallet/src/routes/(app)/settings/language/+page.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+import { runtime } from "$lib/global/runtime.svelte";
 import { Selector } from "$lib/ui";
 
 let languages: { name: string; country: string }[] = [
@@ -8,11 +9,15 @@ let languages: { name: string; country: string }[] = [
 	{ name: "French", country: "fr" },
 ];
 let selected = $state("");
+
+$effect(() => {
+	runtime.header.title = "Language";
+});
 </script>
 
 
 
-<main class="pt-[3vh] px-[5vw] pb-[4.5vh]">
+<main>
     {#each languages as lang, i}
     <Selector id={`option-${i}`} name={lang.name} bind:selected value={lang.name}>
         {lang.name}
diff --git a/infrastructure/eid-wallet/src/routes/(app)/settings/pin/+page.svelte b/infrastructure/eid-wallet/src/routes/(app)/settings/pin/+page.svelte
index 14f217c9..e768fe60 100644
--- a/infrastructure/eid-wallet/src/routes/(app)/settings/pin/+page.svelte
+++ b/infrastructure/eid-wallet/src/routes/(app)/settings/pin/+page.svelte
@@ -1,4 +1,6 @@
 <script lang="ts">
+import { Header } from "$lib/fragments";
+import { runtime } from "$lib/global/runtime.svelte";
 import { ButtonAction, Drawer, InputPin } from "$lib/ui";
 import { CircleLock01Icon } from "@hugeicons/core-free-icons";
 import { HugeiconsIcon } from "@hugeicons/svelte";
@@ -20,11 +22,12 @@ const handleChangePIN = async () => {
 };
 
 $effect(() => {
+	runtime.header.title = "Change PIN";
 	if (repeatPin.length === 4 && newPin === repeatPin) isError = false;
 });
 </script>
 
-<main class="h-[100vh] pt-[3vh] px-[5vw] pb-[4.5vh] flex flex-col justify-between gap-[3vh]">
+<main class="h-[calc(100vh-14vh)] flex flex-col justify-between">
     <section>
         <div>
             <p class="mb-[1vh]">Enter you current PIN</p>

From 27f03c65f1c68521a09df6bb39466306bc594583 Mon Sep 17 00:00:00 2001
From: gourav <gourav@auvo.io>
Date: Tue, 1 Apr 2025 11:13:01 +0530
Subject: [PATCH 11/24] fix: padding

---
 .../eid-wallet/src/routes/(app)/settings/pin/+page.svelte       | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/infrastructure/eid-wallet/src/routes/(app)/settings/pin/+page.svelte b/infrastructure/eid-wallet/src/routes/(app)/settings/pin/+page.svelte
index e768fe60..e2ea9dcc 100644
--- a/infrastructure/eid-wallet/src/routes/(app)/settings/pin/+page.svelte
+++ b/infrastructure/eid-wallet/src/routes/(app)/settings/pin/+page.svelte
@@ -27,7 +27,7 @@ $effect(() => {
 });
 </script>
 
-<main class="h-[calc(100vh-14vh)] flex flex-col justify-between">
+<main class="h-[calc(100vh-14vh)] flex flex-col justify-between pt-[3vh]">
     <section>
         <div>
             <p class="mb-[1vh]">Enter you current PIN</p>

From 88192346b356d9769775154f345568d3134bad75 Mon Sep 17 00:00:00 2001
From: gourav <gourav@auvo.io>
Date: Tue, 1 Apr 2025 11:18:15 +0530
Subject: [PATCH 12/24] fix: remove redundant code

---
 .../eid-wallet/src/routes/(app)/settings/pin/+page.svelte        | 1 -
 1 file changed, 1 deletion(-)

diff --git a/infrastructure/eid-wallet/src/routes/(app)/settings/pin/+page.svelte b/infrastructure/eid-wallet/src/routes/(app)/settings/pin/+page.svelte
index e2ea9dcc..d9ba3443 100644
--- a/infrastructure/eid-wallet/src/routes/(app)/settings/pin/+page.svelte
+++ b/infrastructure/eid-wallet/src/routes/(app)/settings/pin/+page.svelte
@@ -1,5 +1,4 @@
 <script lang="ts">
-import { Header } from "$lib/fragments";
 import { runtime } from "$lib/global/runtime.svelte";
 import { ButtonAction, Drawer, InputPin } from "$lib/ui";
 import { CircleLock01Icon } from "@hugeicons/core-free-icons";

From 6e1cdfe8e98704390bd0f0707339f6897bf5ede9 Mon Sep 17 00:00:00 2001
From: gourav <gourav@auvo.io>
Date: Tue, 1 Apr 2025 12:24:34 +0530
Subject: [PATCH 13/24] feat: privacy page

---
 .../(app)/settings/privacy/+page.svelte       | 34 +++++++++++++++++++
 1 file changed, 34 insertions(+)
 create mode 100644 infrastructure/eid-wallet/src/routes/(app)/settings/privacy/+page.svelte

diff --git a/infrastructure/eid-wallet/src/routes/(app)/settings/privacy/+page.svelte b/infrastructure/eid-wallet/src/routes/(app)/settings/privacy/+page.svelte
new file mode 100644
index 00000000..452ecfec
--- /dev/null
+++ b/infrastructure/eid-wallet/src/routes/(app)/settings/privacy/+page.svelte
@@ -0,0 +1,34 @@
+<script lang="ts">
+import { runtime } from "$lib/global/runtime.svelte";
+
+$effect(() => {
+	runtime.header.title = "Privacy";
+});
+</script>
+
+<main>
+    <h4>Last modified 19th March 2025</h4>
+    <p class="text-black-700">Welcome to eID Wallet! Your privacy is important to us. This Privacy Policy explains how we collect, use, disclose, and protect your personal information when you use our mobile application.</p>
+    <br>
+    <h4>1. Information We Collect</h4>
+    <p class="text-black-700">We collect the following types of information to provide and improve our services:</p>
+    <ol type="a">
+        <li><strong>Personal Identification Data</strong>
+          <ul>
+            <li>Full name, date of birth, government-issued ID details</li>
+            <li>Phone number, email address (if used for recovery)</li>
+          </ul>
+        </li>
+        <li><strong>Biometric Data (Optional)</strong>
+          <ul>
+            <li>Fingerprint, facial recognition (only stored on your device for authentication purposes)</li>
+          </ul>
+        </li>
+        <li><strong>Device & Usage Information</strong>
+          <ul>
+            <li>Device type, operating system, and app usage data</li>
+            <li>IP address and session activity</li>
+          </ul>
+        </li>
+    </ol>        
+</main>
\ No newline at end of file

From 7acb142ac840cd3b5f10227df1f449440ffec8e9 Mon Sep 17 00:00:00 2001
From: JulienAuvo <julien@auvo.io>
Date: Tue, 1 Apr 2025 09:58:50 +0300
Subject: [PATCH 14/24] chore: add doc

---
 .../src/lib/fragments/AppNav/AppNav.svelte         | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/infrastructure/eid-wallet/src/lib/fragments/AppNav/AppNav.svelte b/infrastructure/eid-wallet/src/lib/fragments/AppNav/AppNav.svelte
index db8cffb9..318bec58 100644
--- a/infrastructure/eid-wallet/src/lib/fragments/AppNav/AppNav.svelte
+++ b/infrastructure/eid-wallet/src/lib/fragments/AppNav/AppNav.svelte
@@ -22,4 +22,16 @@ const baseClasses = "w-full relative flex justify-center h-14 items-center";
     <h4 class={cn(titleClasses)}>
         {title}
     </h4>
-</nav>
\ No newline at end of file
+</nav>
+
+<!-- 
+@component
+@name AppNav
+@description A component that displays the title of the current page and a back button.
+@props
+- title: string - The main title to display.
+- titleClasses: string - Additional classes to apply to the title element.
+@usage
+```svelte
+<AppNav title="My Title" />
+ -->
\ No newline at end of file

From 4ed143b7b2ca30203a8ff81a495c05a31df59fc8 Mon Sep 17 00:00:00 2001
From: Merul Dhiman <me@merul.org>
Date: Tue, 1 Apr 2025 12:31:26 +0530
Subject: [PATCH 15/24] feat: add storage specification abstract class

---
 .../w3id/src/logs/storage/storage-spec.ts     | 43 +++++++++++++++++++
 infrastructure/w3id/src/logs/store.ts         |  0
 2 files changed, 43 insertions(+)
 create mode 100644 infrastructure/w3id/src/logs/storage/storage-spec.ts
 create mode 100644 infrastructure/w3id/src/logs/store.ts

diff --git a/infrastructure/w3id/src/logs/storage/storage-spec.ts b/infrastructure/w3id/src/logs/storage/storage-spec.ts
new file mode 100644
index 00000000..2d526e94
--- /dev/null
+++ b/infrastructure/w3id/src/logs/storage/storage-spec.ts
@@ -0,0 +1,43 @@
+/**
+ * SPECIFICATION
+ *
+ * Baseline Storage Specification, used for storing and managing logs
+ */
+
+export declare class StorageSpec<T, K> {
+  /**
+   * Build a new storage driver
+   *
+   * @param {...any[]} props
+   * @returns Promise<StorageSpec>
+   */
+
+  public static build<T, K>(...props: any[]): Promise<StorageSpec<T, K>>;
+
+  /**
+   * Create a new entry in the storage
+   *
+   * @param body
+   * @returns Promise<K>
+   */
+
+  public create(body: T): Promise<K>;
+
+  /**
+   * Find one entry in the storage using partial of K
+   *
+   * @param {Partial<K>} options
+   * @returns Promise<K>
+   */
+
+  public findOne(options: Partial<K>): Promise<K>;
+
+  /**
+   * Find many entities in the storage using partial of K
+   *
+   * @param {Partial<K>} options
+   * @returns Promise<K[]>
+   */
+
+  public findMany(options: Partial<K>): Promise<K[]>;
+}
diff --git a/infrastructure/w3id/src/logs/store.ts b/infrastructure/w3id/src/logs/store.ts
new file mode 100644
index 00000000..e69de29b

From de99358400ef7c07c589043a2eb14310d9cca723 Mon Sep 17 00:00:00 2001
From: gourav <gourav@auvo.io>
Date: Tue, 1 Apr 2025 12:46:14 +0530
Subject: [PATCH 16/24] fix: error state

---
 .../eid-wallet/src/routes/(app)/settings/pin/+page.svelte     | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/infrastructure/eid-wallet/src/routes/(app)/settings/pin/+page.svelte b/infrastructure/eid-wallet/src/routes/(app)/settings/pin/+page.svelte
index d9ba3443..71fa9508 100644
--- a/infrastructure/eid-wallet/src/routes/(app)/settings/pin/+page.svelte
+++ b/infrastructure/eid-wallet/src/routes/(app)/settings/pin/+page.svelte
@@ -34,11 +34,11 @@ $effect(() => {
         </div>
         <div>
             <p class="mb-[1vh]">Enter your new PIN</p>
-            <InputPin bind:pin={newPin} variant="sm"/>
+            <InputPin bind:pin={newPin} {isError} variant="sm"/>
         </div>
         <div>
             <p class="mb-[1vh]">Confirm new PIN</p>
-            <InputPin bind:pin={repeatPin} variant="sm"/>
+            <InputPin bind:pin={repeatPin} {isError} variant="sm"/>
         </div>
         <p class={`text-danger mt-[3.4vh] ${isError ? "block" : "hidden"}`}>Your PIN does not match, try again.</p>
     </section>

From 691b85c6250c11909768414993a5d57eb13f7e54 Mon Sep 17 00:00:00 2001
From: Merul Dhiman <me@merul.org>
Date: Tue, 1 Apr 2025 12:45:56 +0530
Subject: [PATCH 17/24] chore: format and ignore lint

---
 .../w3id/src/logs/storage/storage-spec.ts     | 71 ++++++++++---------
 infrastructure/w3id/src/utils/uuid.ts         |  6 +-
 2 files changed, 39 insertions(+), 38 deletions(-)

diff --git a/infrastructure/w3id/src/logs/storage/storage-spec.ts b/infrastructure/w3id/src/logs/storage/storage-spec.ts
index 2d526e94..ab66f9d7 100644
--- a/infrastructure/w3id/src/logs/storage/storage-spec.ts
+++ b/infrastructure/w3id/src/logs/storage/storage-spec.ts
@@ -5,39 +5,40 @@
  */
 
 export declare class StorageSpec<T, K> {
-  /**
-   * Build a new storage driver
-   *
-   * @param {...any[]} props
-   * @returns Promise<StorageSpec>
-   */
-
-  public static build<T, K>(...props: any[]): Promise<StorageSpec<T, K>>;
-
-  /**
-   * Create a new entry in the storage
-   *
-   * @param body
-   * @returns Promise<K>
-   */
-
-  public create(body: T): Promise<K>;
-
-  /**
-   * Find one entry in the storage using partial of K
-   *
-   * @param {Partial<K>} options
-   * @returns Promise<K>
-   */
-
-  public findOne(options: Partial<K>): Promise<K>;
-
-  /**
-   * Find many entities in the storage using partial of K
-   *
-   * @param {Partial<K>} options
-   * @returns Promise<K[]>
-   */
-
-  public findMany(options: Partial<K>): Promise<K[]>;
+	/**
+	 * Build a new storage driver
+	 *
+	 * @param {...any[]} props
+	 * @returns Promise<StorageSpec>
+	 */
+
+	// biome-ignore lint: lint/suspicious/noExplicitAny
+	public static build<T, K>(...props: any[]): Promise<StorageSpec<T, K>>;
+
+	/**
+	 * Create a new entry in the storage
+	 *
+	 * @param body
+	 * @returns Promise<K>
+	 */
+
+	public create(body: T): Promise<K>;
+
+	/**
+	 * Find one entry in the storage using partial of K
+	 *
+	 * @param {Partial<K>} options
+	 * @returns Promise<K>
+	 */
+
+	public findOne(options: Partial<K>): Promise<K>;
+
+	/**
+	 * Find many entities in the storage using partial of K
+	 *
+	 * @param {Partial<K>} options
+	 * @returns Promise<K[]>
+	 */
+
+	public findMany(options: Partial<K>): Promise<K[]>;
 }
diff --git a/infrastructure/w3id/src/utils/uuid.ts b/infrastructure/w3id/src/utils/uuid.ts
index f3c663f3..1ffc1ae1 100644
--- a/infrastructure/w3id/src/utils/uuid.ts
+++ b/infrastructure/w3id/src/utils/uuid.ts
@@ -10,8 +10,8 @@ import { v4 as uuidv4, v5 as uuidv5 } from "uuid";
  */
 
 export function generateUuid(
-  entropy: string,
-  namespace: string = uuidv4(),
+	entropy: string,
+	namespace: string = uuidv4(),
 ): string {
-  return uuidv5(entropy, namespace);
+	return uuidv5(entropy, namespace);
 }

From 776666b9c8c038bb54471271c5b8fda604f098a8 Mon Sep 17 00:00:00 2001
From: Merul Dhiman <me@merul.org>
Date: Tue, 1 Apr 2025 12:57:44 +0530
Subject: [PATCH 18/24] chore: change format checker on w3id

---
 infrastructure/w3id/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/infrastructure/w3id/package.json b/infrastructure/w3id/package.json
index 5d1709ee..8c415e51 100644
--- a/infrastructure/w3id/package.json
+++ b/infrastructure/w3id/package.json
@@ -5,7 +5,7 @@
   "scripts": {
     "test": "vitest",
     "dev": "tsc --watch",
-    "check-format": "prettier --check \"src/**/*.ts\"",
+    "check-format": "npx @biomejs/biome format ./src",
     "format": "npx @biomejs/biome format --write ./src",
     "lint": "npx @biomejs/biome lint --write ./src",
     "check": "npx @biomejs/biome check --write ./src",

From 75d95d25f8418f7c270806d35e64fbe3c68b405a Mon Sep 17 00:00:00 2001
From: gourav <gourav@auvo.io>
Date: Tue, 1 Apr 2025 15:33:39 +0530
Subject: [PATCH 19/24] feat: remove redundant code

---
 .../eid-wallet/src/lib/fragments/Header/Header.svelte     | 8 +-------
 1 file changed, 1 insertion(+), 7 deletions(-)

diff --git a/infrastructure/eid-wallet/src/lib/fragments/Header/Header.svelte b/infrastructure/eid-wallet/src/lib/fragments/Header/Header.svelte
index ce030cf6..6ef36b86 100644
--- a/infrastructure/eid-wallet/src/lib/fragments/Header/Header.svelte
+++ b/infrastructure/eid-wallet/src/lib/fragments/Header/Header.svelte
@@ -6,14 +6,12 @@ import type { HTMLAttributes } from "svelte/elements";
 
 interface IHeaderProps extends HTMLAttributes<HTMLElement> {
 	title: string;
-	isUserLoggedIn?: boolean;
 	isBackRequired?: boolean;
 	handleProfile?: () => void;
 }
 
 const {
 	title = "Create PIN",
-	isUserLoggedIn = true,
 	isBackRequired = true,
 	handleProfile = undefined,
 	...restProps
@@ -28,9 +26,5 @@ const cBase = "w-full h-[9vh] flex justify-between items-center";
         <span aria-hidden="true"></span>
     {/if}
     <h4 class="text-center">{title}</h4>
-    <!-- {#if isUserLoggedIn}
-        <Button.Icon icon={UserCircleIcon} iconSize="8.1vw" iconColor={"text-black-700"} onclick={handleProfile} />
-    {:else} -->
-        <span aria-hidden="true"></span>
-    <!-- {/if} -->
+    <span aria-hidden="true"></span>
 </header>
\ No newline at end of file

From f2f6473cf51d5705c7b9b07d7f02169e92cde7c9 Mon Sep 17 00:00:00 2001
From: gourav <gourav@auvo.io>
Date: Tue, 1 Apr 2025 16:08:54 +0530
Subject: [PATCH 20/24] chore: used app nav component

---
 infrastructure/eid-wallet/src/lib/fragments/index.ts        | 1 +
 .../eid-wallet/src/routes/(app)/settings/+layout.svelte     | 4 ++--
 infrastructure/w3id/src/utils/uuid.ts                       | 6 +++---
 3 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/infrastructure/eid-wallet/src/lib/fragments/index.ts b/infrastructure/eid-wallet/src/lib/fragments/index.ts
index fa153456..482770ac 100644
--- a/infrastructure/eid-wallet/src/lib/fragments/index.ts
+++ b/infrastructure/eid-wallet/src/lib/fragments/index.ts
@@ -1,3 +1,4 @@
 export { default as Hero } from "./Hero/Hero.svelte";
 export { default as IdentityCard } from "./IdentityCard/IdentityCard.svelte";
 export { default as SettingsNavigationBtn } from "./SettingsNavigationBtn/SettingsNavigationBtn.svelte";
+export { default as AppNav } from "./AppNav/AppNav.svelte";
diff --git a/infrastructure/eid-wallet/src/routes/(app)/settings/+layout.svelte b/infrastructure/eid-wallet/src/routes/(app)/settings/+layout.svelte
index 4c34b36f..364a0709 100644
--- a/infrastructure/eid-wallet/src/routes/(app)/settings/+layout.svelte
+++ b/infrastructure/eid-wallet/src/routes/(app)/settings/+layout.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
-import { Header } from "$lib/fragments";
+import { AppNav } from "$lib/fragments";
 import { runtime } from "$lib/global/runtime.svelte";
 
 const { children } = $props();
 </script>
 
 <main class="h-[100vh] px-[5vw] pb-[4.5vh]">
-    <Header title={runtime.header.title ?? ""}/>
+    <AppNav title={runtime.header.title ?? ""}/>
     {@render children?.()}
 </main>
\ No newline at end of file
diff --git a/infrastructure/w3id/src/utils/uuid.ts b/infrastructure/w3id/src/utils/uuid.ts
index f3c663f3..1ffc1ae1 100644
--- a/infrastructure/w3id/src/utils/uuid.ts
+++ b/infrastructure/w3id/src/utils/uuid.ts
@@ -10,8 +10,8 @@ import { v4 as uuidv4, v5 as uuidv5 } from "uuid";
  */
 
 export function generateUuid(
-  entropy: string,
-  namespace: string = uuidv4(),
+	entropy: string,
+	namespace: string = uuidv4(),
 ): string {
-  return uuidv5(entropy, namespace);
+	return uuidv5(entropy, namespace);
 }

From 927a572d5b8600d7b6d045bd933780afc869754f Mon Sep 17 00:00:00 2001
From: gourav <gourav@auvo.io>
Date: Tue, 1 Apr 2025 16:27:14 +0530
Subject: [PATCH 21/24] fix: text-bold

---
 .../src/lib/fragments/IdentityCard/IdentityCard.svelte          | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/infrastructure/eid-wallet/src/lib/fragments/IdentityCard/IdentityCard.svelte b/infrastructure/eid-wallet/src/lib/fragments/IdentityCard/IdentityCard.svelte
index eb0811f2..c60fc0df 100644
--- a/infrastructure/eid-wallet/src/lib/fragments/IdentityCard/IdentityCard.svelte
+++ b/infrastructure/eid-wallet/src/lib/fragments/IdentityCard/IdentityCard.svelte
@@ -59,7 +59,7 @@ $effect(() => {
                 <Button.Icon icon={ViewIcon} iconColor={"white"} strokeWidth={2} onclick={viewBtn} />
                 
             {:else if variant === 'eVault'}
-                <div class="text-black-300 text-3xl mb-3">{state.progressWidth} Used</div>
+                <h3 class="text-black-300 text-3xl font-semibold mb-3">{state.progressWidth} Used</h3>
             {/if}
         </div>
         <div>

From aa2ff966d910e0acf40bebf50f15c0d1eb4b0e2f Mon Sep 17 00:00:00 2001
From: gourav <gourav@auvo.io>
Date: Tue, 1 Apr 2025 16:41:15 +0530
Subject: [PATCH 22/24] fix: design of e-passport page

---
 .../src/routes/(auth)/e-passport/+page.svelte         | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/infrastructure/eid-wallet/src/routes/(auth)/e-passport/+page.svelte b/infrastructure/eid-wallet/src/routes/(auth)/e-passport/+page.svelte
index a4d30cc3..954d1e43 100644
--- a/infrastructure/eid-wallet/src/routes/(auth)/e-passport/+page.svelte
+++ b/infrastructure/eid-wallet/src/routes/(auth)/e-passport/+page.svelte
@@ -9,8 +9,11 @@ const handleFinish = async () => {};
 
 <main class="h-[max-content] pt-[5.2vh] px-[5vw] pb-[4.5vh] flex flex-col justify-between">
     <section>
-        <h3 class="mb-[0.5vh]">Your ePassport and eVault are ready</h3>
-        <p class="text-black-700 mb-[3vh]">Log into any W3DS platform without passwords. It’s tied to this phone; if lost, you’ll need to revoke and reissue it on a new device.</p>
+        <Hero
+        title="Your ePassport and eVault are ready"
+        subtitle="Log into any W3DS platform without passwords. It’s tied to this phone; if lost, you’ll need to revoke and reissue it on a new device."
+        class="mb-2"
+        />
         <IdentityCard variant= "ePassport"
 		viewBtn= {() => alert("View")}
 		userData= {{
@@ -22,8 +25,8 @@ const handleFinish = async () => {};
     </section>
     <section class="mt-[4vh] mb-[9vh]">
         <Hero
-        title="Your ePassport and eVault are ready"
-        subtitle="Log into any W3DS platform without passwords. It’s tied to this phone; if lost, you’ll need to revoke and reissue it on a new device."
+        title="Your eVault"
+        subtitle="We’ve also created your eVault—secure cloud storage for your personal data. W3DS platforms access it directly, keeping you in control."
         class="mb-2"
         />
         <IdentityCard variant= "eVault"

From fd43f17eb38d9a7ba2a94ae7481e26532cf66846 Mon Sep 17 00:00:00 2001
From: gourav <gourav@auvo.io>
Date: Tue, 1 Apr 2025 16:42:50 +0530
Subject: [PATCH 23/24] fix: content

---
 .../src/lib/fragments/IdentityCard/IdentityCard.svelte          | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/infrastructure/eid-wallet/src/lib/fragments/IdentityCard/IdentityCard.svelte b/infrastructure/eid-wallet/src/lib/fragments/IdentityCard/IdentityCard.svelte
index c60fc0df..69d07112 100644
--- a/infrastructure/eid-wallet/src/lib/fragments/IdentityCard/IdentityCard.svelte
+++ b/infrastructure/eid-wallet/src/lib/fragments/IdentityCard/IdentityCard.svelte
@@ -83,7 +83,7 @@ $effect(() => {
             <div>
                 <div class="flex justify-between mb-1 ">
                     <p class="z-[1]">{usedStorage}GB Used</p>
-                    <p class="z-[1]">{totalStorage}GB Used</p>
+                    <p class="z-[1]">{totalStorage}GB total storage</p>
                 </div>
                 <div class="relative w-full h-3 rounded-full overflow-hidden bg-primary-400">
                     <div class="h-full bg-secondary rounded-full" style={`width: calc(${state.progressWidth})`}></div>

From 427adf3621f528350ff0062074758a2717828aa5 Mon Sep 17 00:00:00 2001
From: gourav <gourav@auvo.io>
Date: Tue, 1 Apr 2025 16:45:23 +0530
Subject: [PATCH 24/24] fix: e-passport page

---
 .../eid-wallet/src/routes/(auth)/e-passport/+page.svelte   | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/infrastructure/eid-wallet/src/routes/(auth)/e-passport/+page.svelte b/infrastructure/eid-wallet/src/routes/(auth)/e-passport/+page.svelte
index 954d1e43..7761b328 100644
--- a/infrastructure/eid-wallet/src/routes/(auth)/e-passport/+page.svelte
+++ b/infrastructure/eid-wallet/src/routes/(auth)/e-passport/+page.svelte
@@ -24,11 +24,8 @@ const handleFinish = async () => {};
 		}}/>
     </section>
     <section class="mt-[4vh] mb-[9vh]">
-        <Hero
-        title="Your eVault"
-        subtitle="We’ve also created your eVault—secure cloud storage for your personal data. W3DS platforms access it directly, keeping you in control."
-        class="mb-2"
-        />
+        <h4>Your eVault</h4>
+        <p class="text-black-700">We’ve also created your eVault—secure cloud storage for your personal data. W3DS platforms access it directly, keeping you in control.</p>
         <IdentityCard variant= "eVault"
 		usedStorage= {15}
 		totalStorage= {80}/>