From 5b60394dfa526eee7a091687e5324ae44355a8ab Mon Sep 17 00:00:00 2001
From: JulienAuvo <julien@auvo.io>
Date: Wed, 26 Mar 2025 15:04:41 +0300
Subject: [PATCH 01/16] fix: Check Lint / lint

---
 .../lib/fragments/Header/Header.stories.ts    | 58 ++++++++++---------
 .../lib/ui/Connection/Connection.stories.ts   | 40 +++++++------
 .../src/lib/ui/Drawer/Drawer.stories.ts       | 30 +++++-----
 3 files changed, 68 insertions(+), 60 deletions(-)

diff --git a/infrastructure/eid-wallet/src/lib/fragments/Header/Header.stories.ts b/infrastructure/eid-wallet/src/lib/fragments/Header/Header.stories.ts
index 4b268e0b..9f8acb01 100644
--- a/infrastructure/eid-wallet/src/lib/fragments/Header/Header.stories.ts
+++ b/infrastructure/eid-wallet/src/lib/fragments/Header/Header.stories.ts
@@ -1,35 +1,39 @@
-import Header from "./Header.svelte";
+import Header from './Header.svelte'
 
 export default {
-	title: "Fragments/Header",
-	component: Header,
-	tags: ["autodocs"],
-	render: (args: any) => ({
-		Component: Header,
-		props: args,
-	}),
-};
+  title: 'Fragments/Header',
+  component: Header,
+  tags: ['autodocs'],
+  render: (args: {
+    title: string
+    isBackRequired: boolean
+    isUserLoggedIn: boolean
+  }) => ({
+    Component: Header,
+    props: args,
+  }),
+}
 
 export const Primary = {
-	args: {
-		title: "Create PIN",
-		isBackRequired: false,
-		isUserLoggedIn: false,
-	},
-};
+  args: {
+    title: 'Create PIN',
+    isBackRequired: false,
+    isUserLoggedIn: false,
+  },
+}
 
 export const Secondary = {
-	args: {
-		title: "Create PIN",
-		isBackRequired: true,
-		isUserLoggedIn: false,
-	},
-};
+  args: {
+    title: 'Create PIN',
+    isBackRequired: true,
+    isUserLoggedIn: false,
+  },
+}
 
 export const Tertiary = {
-	args: {
-		title: "Create PIN",
-		isBackRequired: true,
-		isUserLoggedIn: true,
-	},
-};
+  args: {
+    title: 'Create PIN',
+    isBackRequired: true,
+    isUserLoggedIn: true,
+  },
+}
diff --git a/infrastructure/eid-wallet/src/lib/ui/Connection/Connection.stories.ts b/infrastructure/eid-wallet/src/lib/ui/Connection/Connection.stories.ts
index 45bd158f..37213545 100644
--- a/infrastructure/eid-wallet/src/lib/ui/Connection/Connection.stories.ts
+++ b/infrastructure/eid-wallet/src/lib/ui/Connection/Connection.stories.ts
@@ -1,22 +1,26 @@
-import Connection from "./Connection.svelte";
+import Connection from './Connection.svelte'
 
 export default {
-	title: "UI/Connection",
-	component: Connection,
-	tags: ["autodocs"],
-	render: (args: any) => ({
-		Component: Connection,
-		props: args,
-	}),
-};
+  title: 'UI/Connection',
+  component: Connection,
+  tags: ['autodocs'],
+  render: (args: {
+    imgSrc: string
+    connectionName: string
+    lastConnected: string
+    onClick: () => void
+  }) => ({
+    Component: Connection,
+    props: args,
+  }),
+}
 
 export const Primary = {
-	args: {
-		imgSrc:
-			"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRGPvo_J4nWlDM0kxFW0rsfR5UeOOC6uMvpfQ&s",
-		connectionName: "Facebook.com",
-		lastConnected:
-			new Date().toDateString() + ", " + new Date().toLocaleTimeString(),
-		onClick: () => alert("Disconnected!"),
-	},
-};
+  args: {
+    imgSrc:
+      'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRGPvo_J4nWlDM0kxFW0rsfR5UeOOC6uMvpfQ&s',
+    connectionName: 'Facebook.com',
+    lastConnected: `${new Date().toDateString()}, ${new Date().toLocaleTimeString()}`,
+    onClick: () => alert('Disconnected!'),
+  },
+}
diff --git a/infrastructure/eid-wallet/src/lib/ui/Drawer/Drawer.stories.ts b/infrastructure/eid-wallet/src/lib/ui/Drawer/Drawer.stories.ts
index 27e56c93..0d14da23 100644
--- a/infrastructure/eid-wallet/src/lib/ui/Drawer/Drawer.stories.ts
+++ b/infrastructure/eid-wallet/src/lib/ui/Drawer/Drawer.stories.ts
@@ -1,19 +1,19 @@
-import Drawer from "./Drawer.svelte";
-import { InnerContent } from "./Drawer.stories.snippet.svelte";
+import Drawer from './Drawer.svelte'
+import { InnerContent } from './Drawer.stories.snippet.svelte'
 
 export default {
-	title: "UI/Drawer",
-	component: Drawer,
-	tags: ["autodocs"],
-	render: (args: any) => ({
-		Component: Drawer,
-		props: args,
-	}),
-};
+  title: 'UI/Drawer',
+  component: Drawer,
+  tags: ['autodocs'],
+  render: (args: { isPaneOpen: boolean; children: any }) => ({
+    Component: Drawer,
+    props: args,
+  }),
+}
 
 export const Default = {
-	args: {
-		isPaneOpen: true,
-		children: InnerContent,
-	},
-};
+  args: {
+    isPaneOpen: true,
+    children: InnerContent,
+  },
+}

From 772032bdefdb21b80048088a6f5a9adbe41d745b Mon Sep 17 00:00:00 2001
From: JulienAuvo <julien@auvo.io>
Date: Wed, 26 Mar 2025 15:04:48 +0300
Subject: [PATCH 02/16] fix: Check Lint / lint

---
 .../src/lib/ui/InputPin/InputPin.stories.ts   | 48 ++++++++---------
 .../src/lib/ui/InputPin/InputPin.svelte       | 36 ++++++-------
 .../src/lib/ui/Selector/Selector.svelte       | 51 +++++++++----------
 3 files changed, 67 insertions(+), 68 deletions(-)

diff --git a/infrastructure/eid-wallet/src/lib/ui/InputPin/InputPin.stories.ts b/infrastructure/eid-wallet/src/lib/ui/InputPin/InputPin.stories.ts
index 6ac3044c..dd734a00 100644
--- a/infrastructure/eid-wallet/src/lib/ui/InputPin/InputPin.stories.ts
+++ b/infrastructure/eid-wallet/src/lib/ui/InputPin/InputPin.stories.ts
@@ -1,31 +1,31 @@
-import InputPin from "./InputPin.svelte";
+import InputPin from './InputPin.svelte'
 
 export default {
-	title: "UI/InputPin",
-	component: InputPin,
-	tags: ["autodocs"],
-	render: (args: any) => ({
-		Component: InputPin,
-		props: args,
-	}),
-};
+  title: 'UI/InputPin',
+  component: InputPin,
+  tags: ['autodocs'],
+  render: (args: { size: number; variant: string; isError: boolean }) => ({
+    Component: InputPin,
+    props: args,
+  }),
+}
 
 export const Default = {
-	args: {
-		size: 4,
-	},
-};
+  args: {
+    size: 4,
+  },
+}
 
 export const Small = {
-	args: {
-		size: 4,
-		variant: "sm",
-	},
-};
+  args: {
+    size: 4,
+    variant: 'sm',
+  },
+}
 
-export const Error = {
-	args: {
-		size: 4,
-		isError: true,
-	},
-};
+export const isError = {
+  args: {
+    size: 4,
+    isError: true,
+  },
+}
diff --git a/infrastructure/eid-wallet/src/lib/ui/InputPin/InputPin.svelte b/infrastructure/eid-wallet/src/lib/ui/InputPin/InputPin.svelte
index 1de92ba4..365126e9 100644
--- a/infrastructure/eid-wallet/src/lib/ui/InputPin/InputPin.svelte
+++ b/infrastructure/eid-wallet/src/lib/ui/InputPin/InputPin.svelte
@@ -69,18 +69,17 @@
         // If there is a value in the current pin, just clear it and stay on the same input
         pins[i] = ''
         return
-      } else {
-        // If the current input is already empty, move to the previous input
-        newIndex = (currentIndex - 1 + items.length) % items.length
       }
+      // If the current input is already empty, move to the previous input
+      newIndex = (currentIndex - 1 + items.length) % items.length
+    }
+
+    // When a number is typed, replace the current digit with the typed number
+    if (regx.test(e.key)) {
+      pins[i] = e.key
+      newIndex = (currentIndex + 1) % items.length
     } else {
-      // When a number is typed, replace the current digit with the typed number
-      if (regx.test(e.key)) {
-        pins[i] = e.key
-        newIndex = (currentIndex + 1) % items.length
-      } else {
-        return
-      }
+      return
     }
 
     // Set focus to the new input if it’s needed
@@ -91,16 +90,17 @@
     return new Array(size)
   }
 
-  const createValueSlot = (arr: any[]) => {
-    return arr.reduce((obj, item) => {
-      return {
-        ...obj,
-        [item]: '',
-      }
-    }, {})
+  const createValueSlot = (arr: number[]) => {
+    return arr.reduce(
+      (obj, item) => {
+        obj[item] = ''
+        return obj
+      },
+      {} as Record<number, string>
+    )
   }
 
-  let uniqueId = 'input' + Math.random().toString().split('.')[1]
+  let uniqueId = `input${Math.random().toString().split('.')[1]}`
   const cBase =
     'relative w-full margin-x-[auto] flex justify-start items-center gap-[10px] flex-row flex-nowrap select-none'
 </script>
diff --git a/infrastructure/eid-wallet/src/lib/ui/Selector/Selector.svelte b/infrastructure/eid-wallet/src/lib/ui/Selector/Selector.svelte
index 794ed300..c3f93c4d 100644
--- a/infrastructure/eid-wallet/src/lib/ui/Selector/Selector.svelte
+++ b/infrastructure/eid-wallet/src/lib/ui/Selector/Selector.svelte
@@ -1,28 +1,29 @@
 <script lang="ts">
-import { cn } from "$lib/utils";
-import { Tick01Icon } from "@hugeicons/core-free-icons";
-import { HugeiconsIcon } from "@hugeicons/svelte";
-import type { HTMLLabelAttributes } from "svelte/elements";
-import { fade } from "svelte/transition";
+  import { cn } from '$lib/utils'
+  import { Tick01Icon } from '@hugeicons/core-free-icons'
+  import { HugeiconsIcon } from '@hugeicons/svelte'
+  import type { Snippet } from 'svelte'
+  import type { HTMLLabelAttributes } from 'svelte/elements'
+  import { fade } from 'svelte/transition'
 
-interface ISelectorProps extends HTMLLabelAttributes {
-	id: string;
-	name: string;
-	value: string;
-	icon?: (id: string) => any;
-	selected?: string;
-	children?: () => any;
-}
+  interface ISelectorProps extends HTMLLabelAttributes {
+    id: string
+    name: string
+    value: string
+    icon?: Snippet<[string]>
+    selected?: string
+    children?: Snippet
+  }
 
-let {
-	id,
-	name,
-	value,
-	icon = undefined,
-	selected = $bindable(),
-	children = undefined,
-	...restProps
-}: ISelectorProps = $props();
+  let {
+    id,
+    name,
+    value,
+    icon = undefined,
+    selected = $bindable(),
+    children = undefined,
+    ...restProps
+  }: ISelectorProps = $props()
 </script>
 
 <label
@@ -43,11 +44,9 @@ let {
         bind:group={selected}
       />
       {#if icon}
-        <div>{@render icon(id)}</div>
-      {/if}
-      {#if children}
-        {@render children()}
+        <div>{@render icon?.(id)}</div>
       {/if}
+      {@render children?.()}
     </div>
   </div>
   {#if selected === value}

From 80fe7a2c8cd4d120d010979b4a1aaf4a8008516b Mon Sep 17 00:00:00 2001
From: JulienAuvo <julien@auvo.io>
Date: Wed, 26 Mar 2025 15:08:18 +0300
Subject: [PATCH 03/16] fix: Check Lint / lint

---
 infrastructure/eid-wallet/src/app.css               | 13 +++++++------
 .../eid-wallet/src/lib/ui/Drawer/Drawer.stories.ts  |  3 ++-
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/infrastructure/eid-wallet/src/app.css b/infrastructure/eid-wallet/src/app.css
index 02b2703d..de341e5a 100644
--- a/infrastructure/eid-wallet/src/app.css
+++ b/infrastructure/eid-wallet/src/app.css
@@ -1,13 +1,14 @@
-@import "tailwindcss";
-@import "flag-icons/css/flag-icons.min.css";
+@import 'tailwindcss';
+@import 'flag-icons/css/flag-icons.min.css';
+// eslint-disable-next-line
 @plugin "daisyui" {
   themes: false; /* Disable built-in themes */
-  darktheme: "light";
+  darktheme: 'light';
 }
 
 @font-face {
-  font-family: "Archivo";
-  src: url("/fonts/Archivo-VariableFont_wdth,wght.ttf") format("truetype");
+  font-family: 'Archivo';
+  src: url('/fonts/Archivo-VariableFont_wdth,wght.ttf') format('truetype');
   font-weight: 100 900;
   font-style: normal;
 }
@@ -47,7 +48,7 @@
 }
 
 body {
-  font-family: "Archivo", sans-serif;
+  font-family: 'Archivo', sans-serif;
 }
 
 /* Custom classes */
diff --git a/infrastructure/eid-wallet/src/lib/ui/Drawer/Drawer.stories.ts b/infrastructure/eid-wallet/src/lib/ui/Drawer/Drawer.stories.ts
index 0d14da23..30b843c6 100644
--- a/infrastructure/eid-wallet/src/lib/ui/Drawer/Drawer.stories.ts
+++ b/infrastructure/eid-wallet/src/lib/ui/Drawer/Drawer.stories.ts
@@ -1,11 +1,12 @@
 import Drawer from './Drawer.svelte'
 import { InnerContent } from './Drawer.stories.snippet.svelte'
+import type { Snippet } from 'svelte'
 
 export default {
   title: 'UI/Drawer',
   component: Drawer,
   tags: ['autodocs'],
-  render: (args: { isPaneOpen: boolean; children: any }) => ({
+  render: (args: { isPaneOpen: boolean; children: Snippet }) => ({
     Component: Drawer,
     props: args,
   }),

From 177cfe12a7a15d844616567d5615aadaa4b9dc36 Mon Sep 17 00:00:00 2001
From: JulienAuvo <julien@auvo.io>
Date: Wed, 26 Mar 2025 15:11:47 +0300
Subject: [PATCH 04/16] fix: Check Lint / lint

---
 infrastructure/eid-wallet/src/app.css | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/infrastructure/eid-wallet/src/app.css b/infrastructure/eid-wallet/src/app.css
index de341e5a..00dd3939 100644
--- a/infrastructure/eid-wallet/src/app.css
+++ b/infrastructure/eid-wallet/src/app.css
@@ -1,6 +1,7 @@
+/* biome-ignore lint */
 @import 'tailwindcss';
 @import 'flag-icons/css/flag-icons.min.css';
-// eslint-disable-next-line
+
 @plugin "daisyui" {
   themes: false; /* Disable built-in themes */
   darktheme: 'light';

From bc31b42342a8ad707eedb87f338e7cc0209384b3 Mon Sep 17 00:00:00 2001
From: JulienAuvo <julien@auvo.io>
Date: Wed, 26 Mar 2025 15:17:04 +0300
Subject: [PATCH 05/16] fix: Check Code / lint

---
 .../src/lib/ui/Button/ButtonAction.stories.ts | 125 +++++++++---------
 1 file changed, 61 insertions(+), 64 deletions(-)

diff --git a/infrastructure/eid-wallet/src/lib/ui/Button/ButtonAction.stories.ts b/infrastructure/eid-wallet/src/lib/ui/Button/ButtonAction.stories.ts
index 552bacaa..4a6daa9c 100644
--- a/infrastructure/eid-wallet/src/lib/ui/Button/ButtonAction.stories.ts
+++ b/infrastructure/eid-wallet/src/lib/ui/Button/ButtonAction.stories.ts
@@ -1,64 +1,61 @@
-import type { Meta, StoryObj } from "@storybook/svelte";
-import ButtonAction from "./ButtonAction.svelte";
-import { ButtonText } from "./ButtonSnippets.svelte";
-
-const meta: Meta<ButtonAction> = {
-	title: "Components/ButtonAction",
-	component: ButtonAction,
-	args: {
-		variant: "solid",
-		isLoading: false,
-		blockingClick: false,
-		children: "Click Me", // Ensure this is a function returning text
-	},
-	argTypes: {
-		variant: {
-			control: {
-				type: "select",
-				options: ["solid", "soft", "danger", "danger-soft", "white"],
-			},
-		},
-		size: {
-			control: {
-				type: "select",
-				options: ["sm", "md"],
-			},
-		},
-		isLoading: { control: "boolean" },
-		blockingClick: { control: "boolean" },
-		callback: { action: "clicked" },
-	},
-};
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const Solid: Story = {
-	args: { variant: "solid", children: ButtonText },
-};
-
-export const Soft: Story = {
-	args: { variant: "soft", children: ButtonText },
-};
-
-export const Danger: Story = {
-	args: { variant: "danger", children: ButtonText },
-};
-
-export const DangerSoft: Story = {
-	args: { variant: "danger-soft", children: ButtonText },
-};
-
-export const Loading: Story = {
-	args: { isLoading: true, children: ButtonText },
-};
-
-export const BlockingClick: Story = {
-	args: {
-		blockingClick: true,
-		children: ButtonText,
-		callback: async () => {
-			await new Promise((resolve) => setTimeout(resolve, 2000));
-		},
-	},
-};
+import type { Meta, StoryObj } from '@storybook/svelte'
+import ButtonAction from './ButtonAction.svelte'
+import { ButtonText } from './ButtonSnippets.svelte'
+
+export default {
+  title: 'UI/ButtonAction',
+  component: ButtonAction,
+  args: {
+    variant: 'solid',
+    isLoading: false,
+    blockingClick: false,
+    children: 'Click Me',
+  },
+  argTypes: {
+    variant: {
+      control: {
+        type: 'select',
+        options: ['solid', 'soft', 'danger', 'danger-soft', 'white'],
+      },
+    },
+    size: {
+      control: {
+        type: 'select',
+        options: ['sm', 'md'],
+      },
+    },
+    isLoading: { control: 'boolean' },
+    blockingClick: { control: 'boolean' },
+    callback: { action: 'clicked' },
+  },
+}
+
+export const Solid = {
+  args: { variant: 'solid', children: ButtonText },
+}
+
+export const Soft = {
+  args: { variant: 'soft', children: ButtonText },
+}
+
+export const Danger = {
+  args: { variant: 'danger', children: ButtonText },
+}
+
+export const DangerSoft = {
+  args: { variant: 'danger-soft', children: ButtonText },
+}
+
+export const Loading = {
+  args: { isLoading: true, children: ButtonText },
+}
+
+export const BlockingClick = {
+  args: {
+    blockingClick: true,
+    children: ButtonText,
+    callback: async () => {
+      await new Promise((resolve) => setTimeout(resolve, 2000))
+    },
+  },
+}

From d73168d85b752329bd3f985bd9de279b885a50f8 Mon Sep 17 00:00:00 2001
From: JulienAuvo <julien@auvo.io>
Date: Wed, 26 Mar 2025 16:08:20 +0300
Subject: [PATCH 06/16] fix: Check Format / lint

---
 .vscode/settings.json                         |  10 +-
 infrastructure/eid-wallet/.storybook/main.ts  |  32 +--
 .../eid-wallet/.storybook/preview.ts          |   2 +-
 .../eid-wallet/.storybook/vitest.setup.ts     |   8 +-
 .../eid-wallet/.vscode/extensions.json        |  10 +-
 .../eid-wallet/.vscode/settings.json          |   2 +-
 infrastructure/eid-wallet/biome.json          |  28 +--
 infrastructure/eid-wallet/package.json        | 128 +++++------
 .../src-tauri/capabilities/default.json       |  13 +-
 .../app/src/main/assets/tauri.conf.json       | 102 ++++++++-
 .../eid-wallet/src-tauri/tauri.conf.json      |  66 +++---
 infrastructure/eid-wallet/src/app.css         |  82 +++----
 .../lib/fragments/Header/Header.stories.ts    |  62 +++---
 .../src/lib/ui/Button/ButtonAction.stories.ts |  94 ++++----
 .../src/lib/ui/Button/ButtonAction.svelte     |  28 +--
 .../lib/ui/Connection/Connection.stories.ts   |  44 ++--
 .../src/lib/ui/Connection/Connection.svelte   |  30 +--
 .../src/lib/ui/Drawer/Drawer.stories.ts       |  32 +--
 .../src/lib/ui/Drawer/Drawer.svelte           | 114 +++++-----
 .../src/lib/ui/InputPin/InputPin.stories.ts   |  46 ++--
 .../src/lib/ui/InputPin/InputPin.svelte       | 207 +++++++++---------
 .../src/lib/ui/Selector/Selector.svelte       |  46 ++--
 infrastructure/eid-wallet/svelte.config.js    |   8 +-
 infrastructure/eid-wallet/tsconfig.json       |  34 +--
 infrastructure/eid-wallet/vite.config.js      |  44 ++--
 infrastructure/eid-wallet/vitest.workspace.js |  50 +++--
 infrastructure/evault-core/package.json       |  20 +-
 infrastructure/w3id/biome.json                |   2 +-
 infrastructure/w3id/package.json              |  80 ++++---
 infrastructure/w3id/tsconfig.browser.json     |  12 +-
 infrastructure/w3id/tsconfig.json             |  32 +--
 infrastructure/w3id/tsconfig.node.json        |  12 +-
 package.json                                  |  42 ++--
 packages/eslint-config/base.js                |  38 ++--
 packages/eslint-config/next.js                |  66 +++---
 packages/eslint-config/package.json           |  44 ++--
 packages/eslint-config/react-internal.js      |  50 ++---
 packages/typescript-config/base.json          |  34 +--
 packages/typescript-config/nextjs.json        |  20 +-
 packages/typescript-config/package.json       |  14 +-
 packages/typescript-config/react-library.json |  10 +-
 services/ontology/package.json                |  20 +-
 services/web3-adapter/package.json            |  20 +-
 turbo.json                                    |  62 +++---
 44 files changed, 998 insertions(+), 902 deletions(-)

diff --git a/.vscode/settings.json b/.vscode/settings.json
index 44a73ec3..3a997867 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -1,7 +1,7 @@
 {
-  "eslint.workingDirectories": [
-    {
-      "mode": "auto"
-    }
-  ]
+	"eslint.workingDirectories": [
+		{
+			"mode": "auto"
+		}
+	]
 }
diff --git a/infrastructure/eid-wallet/.storybook/main.ts b/infrastructure/eid-wallet/.storybook/main.ts
index d3b27d2f..3602cf26 100644
--- a/infrastructure/eid-wallet/.storybook/main.ts
+++ b/infrastructure/eid-wallet/.storybook/main.ts
@@ -1,22 +1,22 @@
-import type { StorybookConfig } from '@storybook/sveltekit'
-import { join, dirname } from 'path'
+import type { StorybookConfig } from "@storybook/sveltekit";
+import { join, dirname } from "path";
 
 function getAbsolutePath(value: string): any {
-  return dirname(require.resolve(join(value, 'package.json')))
+	return dirname(require.resolve(join(value, "package.json")));
 }
 
 const config: StorybookConfig = {
-  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|ts)'],
-  addons: [
-    getAbsolutePath('@storybook/addon-essentials'),
-    getAbsolutePath('@chromatic-com/storybook'),
-    getAbsolutePath('@storybook/experimental-addon-test'),
-  ],
-  framework: {
-    name: '@storybook/sveltekit',
-    options: {},
-  },
+	stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|ts)"],
+	addons: [
+		getAbsolutePath("@storybook/addon-essentials"),
+		getAbsolutePath("@chromatic-com/storybook"),
+		getAbsolutePath("@storybook/experimental-addon-test"),
+	],
+	framework: {
+		name: "@storybook/sveltekit",
+		options: {},
+	},
 
-  staticDirs: ['../static'],
-}
-export default config
+	staticDirs: ["../static"],
+};
+export default config;
diff --git a/infrastructure/eid-wallet/.storybook/preview.ts b/infrastructure/eid-wallet/.storybook/preview.ts
index 7b596951..b2cb78f5 100644
--- a/infrastructure/eid-wallet/.storybook/preview.ts
+++ b/infrastructure/eid-wallet/.storybook/preview.ts
@@ -12,4 +12,4 @@ const preview: Preview = {
 	},
 };
 
-export default preview;
\ No newline at end of file
+export default preview;
diff --git a/infrastructure/eid-wallet/.storybook/vitest.setup.ts b/infrastructure/eid-wallet/.storybook/vitest.setup.ts
index e9000fa2..e427971e 100644
--- a/infrastructure/eid-wallet/.storybook/vitest.setup.ts
+++ b/infrastructure/eid-wallet/.storybook/vitest.setup.ts
@@ -1,9 +1,9 @@
-import { beforeAll } from 'vitest';
-import { setProjectAnnotations } from '@storybook/sveltekit';
-import * as projectAnnotations from './preview';
+import { beforeAll } from "vitest";
+import { setProjectAnnotations } from "@storybook/sveltekit";
+import * as projectAnnotations from "./preview";
 
 // This is an important step to apply the right configuration when testing your stories.
 // More info at: https://storybook.js.org/docs/api/portable-stories/portable-stories-vitest#setprojectannotations
 const project = setProjectAnnotations([projectAnnotations]);
 
-beforeAll(project.beforeAll);
\ No newline at end of file
+beforeAll(project.beforeAll);
diff --git a/infrastructure/eid-wallet/.vscode/extensions.json b/infrastructure/eid-wallet/.vscode/extensions.json
index 61343e9b..648a8aa6 100644
--- a/infrastructure/eid-wallet/.vscode/extensions.json
+++ b/infrastructure/eid-wallet/.vscode/extensions.json
@@ -1,7 +1,7 @@
 {
-  "recommendations": [
-    "svelte.svelte-vscode",
-    "tauri-apps.tauri-vscode",
-    "rust-lang.rust-analyzer"
-  ]
+	"recommendations": [
+		"svelte.svelte-vscode",
+		"tauri-apps.tauri-vscode",
+		"rust-lang.rust-analyzer"
+	]
 }
diff --git a/infrastructure/eid-wallet/.vscode/settings.json b/infrastructure/eid-wallet/.vscode/settings.json
index 2f86c501..69e59732 100644
--- a/infrastructure/eid-wallet/.vscode/settings.json
+++ b/infrastructure/eid-wallet/.vscode/settings.json
@@ -1,3 +1,3 @@
 {
-  "svelte.enable-ts-plugin": true
+	"svelte.enable-ts-plugin": true
 }
diff --git a/infrastructure/eid-wallet/biome.json b/infrastructure/eid-wallet/biome.json
index e5fac3da..31df3c09 100644
--- a/infrastructure/eid-wallet/biome.json
+++ b/infrastructure/eid-wallet/biome.json
@@ -1,16 +1,16 @@
 {
-  "$schema": "./node_modules/@biomejs/biome/configuration_schema.json",
-  "overrides": [
-    {
-      "include": ["*.svelte", "*.astro", "*.vue"],
-      "linter": {
-        "rules": {
-          "style": {
-            "useConst": "off",
-            "useImportType": "off"
-          }
-        }
-      }
-    }
-  ]
+	"$schema": "./node_modules/@biomejs/biome/configuration_schema.json",
+	"overrides": [
+		{
+			"include": ["*.svelte", "*.astro", "*.vue"],
+			"linter": {
+				"rules": {
+					"style": {
+						"useConst": "off",
+						"useImportType": "off"
+					}
+				}
+			}
+		}
+	]
 }
diff --git a/infrastructure/eid-wallet/package.json b/infrastructure/eid-wallet/package.json
index ba7ce7f0..ef3fd680 100644
--- a/infrastructure/eid-wallet/package.json
+++ b/infrastructure/eid-wallet/package.json
@@ -1,66 +1,66 @@
 {
-  "name": "eid-wallet",
-  "version": "0.1.0",
-  "description": "",
-  "type": "module",
-  "scripts": {
-    "dev": "vite dev",
-    "build": "vite build",
-    "preview": "vite preview",
-    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json && npx @biomejs/biome check ./src",
-    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-    "format": "npx @biomejs/biome format --write ./src",
-    "check-format": "npx @biomejs/biome format ./src",
-    "lint": "npx @biomejs/biome lint --write ./src",
-    "check-lint": "npx @biomejs/biome lint ./src",
-    "tauri": "tauri",
-    "storybook": "svelte-kit sync && storybook dev -p 6006",
-    "build-storybook": "storybook build"
-  },
-  "license": "MIT",
-  "dependencies": {
-    "@biomejs/biome": "^1.9.4",
-    "@hugeicons/core-free-icons": "^1.0.13",
-    "@hugeicons/svelte": "^1.0.2",
-    "@tailwindcss/container-queries": "^0.1.1",
-    "@tauri-apps/api": "^2",
-    "@tauri-apps/plugin-opener": "^2",
-    "clsx": "^2.1.1",
-    "flag-icons": "^7.3.2",
-    "tailwind-merge": "^3.0.2"
-  },
-  "devDependencies": {
-    "@chromatic-com/storybook": "^3",
-    "@storybook/addon-essentials": "^8.6.7",
-    "@storybook/addon-interactions": "^8.6.7",
-    "@storybook/blocks": "^8.6.7",
-    "@storybook/experimental-addon-test": "^8.6.7",
-    "@storybook/svelte": "^8.6.7",
-    "@storybook/sveltekit": "^8.6.7",
-    "@storybook/test": "^8.6.7",
-    "@storybook/testing-library": "^0.2.2",
-    "@sveltejs/adapter-static": "^3.0.6",
-    "@sveltejs/kit": "^2.9.0",
-    "@sveltejs/vite-plugin-svelte": "^5.0.0",
-    "@tailwindcss/forms": "^0.5.10",
-    "@tailwindcss/typography": "^0.5.16",
-    "@tailwindcss/vite": "^4.0.14",
-    "@tauri-apps/cli": "^2",
-    "@types/node": "^22.13.10",
-    "@vitest/browser": "^3.0.9",
-    "@vitest/coverage-v8": "^3.0.9",
-    "autoprefixer": "^10.4.21",
-    "cupertino-pane": "^1.4.22",
-    "daisyui": "^5.0.6",
-    "playwright": "^1.51.1",
-    "postcss": "^8.5.3",
-    "storybook": "^8.6.7",
-    "svelte": "^5.0.0",
-    "svelte-check": "^4.0.0",
-    "svelte-gestures": "^5.1.3",
-    "tailwindcss": "^4.0.14",
-    "typescript": "~5.6.2",
-    "vite": "^6.0.3",
-    "vitest": "^3.0.9"
-  }
+	"name": "eid-wallet",
+	"version": "0.1.0",
+	"description": "",
+	"type": "module",
+	"scripts": {
+		"dev": "vite dev",
+		"build": "vite build",
+		"preview": "vite preview",
+		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json && npx @biomejs/biome check ./src",
+		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+		"format": "npx @biomejs/biome format --write ./src",
+		"check-format": "npx @biomejs/biome format ./src",
+		"lint": "npx @biomejs/biome lint --write ./src",
+		"check-lint": "npx @biomejs/biome lint ./src",
+		"tauri": "tauri",
+		"storybook": "svelte-kit sync && storybook dev -p 6006",
+		"build-storybook": "storybook build"
+	},
+	"license": "MIT",
+	"dependencies": {
+		"@biomejs/biome": "^1.9.4",
+		"@hugeicons/core-free-icons": "^1.0.13",
+		"@hugeicons/svelte": "^1.0.2",
+		"@tailwindcss/container-queries": "^0.1.1",
+		"@tauri-apps/api": "^2",
+		"@tauri-apps/plugin-opener": "^2",
+		"clsx": "^2.1.1",
+		"flag-icons": "^7.3.2",
+		"tailwind-merge": "^3.0.2"
+	},
+	"devDependencies": {
+		"@chromatic-com/storybook": "^3",
+		"@storybook/addon-essentials": "^8.6.7",
+		"@storybook/addon-interactions": "^8.6.7",
+		"@storybook/blocks": "^8.6.7",
+		"@storybook/experimental-addon-test": "^8.6.7",
+		"@storybook/svelte": "^8.6.7",
+		"@storybook/sveltekit": "^8.6.7",
+		"@storybook/test": "^8.6.7",
+		"@storybook/testing-library": "^0.2.2",
+		"@sveltejs/adapter-static": "^3.0.6",
+		"@sveltejs/kit": "^2.9.0",
+		"@sveltejs/vite-plugin-svelte": "^5.0.0",
+		"@tailwindcss/forms": "^0.5.10",
+		"@tailwindcss/typography": "^0.5.16",
+		"@tailwindcss/vite": "^4.0.14",
+		"@tauri-apps/cli": "^2",
+		"@types/node": "^22.13.10",
+		"@vitest/browser": "^3.0.9",
+		"@vitest/coverage-v8": "^3.0.9",
+		"autoprefixer": "^10.4.21",
+		"cupertino-pane": "^1.4.22",
+		"daisyui": "^5.0.6",
+		"playwright": "^1.51.1",
+		"postcss": "^8.5.3",
+		"storybook": "^8.6.7",
+		"svelte": "^5.0.0",
+		"svelte-check": "^4.0.0",
+		"svelte-gestures": "^5.1.3",
+		"tailwindcss": "^4.0.14",
+		"typescript": "~5.6.2",
+		"vite": "^6.0.3",
+		"vitest": "^3.0.9"
+	}
 }
diff --git a/infrastructure/eid-wallet/src-tauri/capabilities/default.json b/infrastructure/eid-wallet/src-tauri/capabilities/default.json
index 4cdbf49a..a6ed8523 100644
--- a/infrastructure/eid-wallet/src-tauri/capabilities/default.json
+++ b/infrastructure/eid-wallet/src-tauri/capabilities/default.json
@@ -1,10 +1,7 @@
 {
-  "$schema": "../gen/schemas/desktop-schema.json",
-  "identifier": "default",
-  "description": "Capability for the main window",
-  "windows": ["main"],
-  "permissions": [
-    "core:default",
-    "opener:default"
-  ]
+	"$schema": "../gen/schemas/desktop-schema.json",
+	"identifier": "default",
+	"description": "Capability for the main window",
+	"windows": ["main"],
+	"permissions": ["core:default", "opener:default"]
 }
diff --git a/infrastructure/eid-wallet/src-tauri/gen/android/app/src/main/assets/tauri.conf.json b/infrastructure/eid-wallet/src-tauri/gen/android/app/src/main/assets/tauri.conf.json
index a5d7a6b5..203f28ee 100644
--- a/infrastructure/eid-wallet/src-tauri/gen/android/app/src/main/assets/tauri.conf.json
+++ b/infrastructure/eid-wallet/src-tauri/gen/android/app/src/main/assets/tauri.conf.json
@@ -1 +1,101 @@
-{"$schema":"https://schema.tauri.app/config/2","productName":"eid-wallet","version":"0.1.0","identifier":"com.eid-wallet.app","app":{"windows":[{"label":"main","create":true,"url":"index.html","dragDropEnabled":true,"center":false,"width":800.0,"height":600.0,"resizable":true,"maximizable":true,"minimizable":true,"closable":true,"title":"eid-wallet","fullscreen":false,"focus":true,"transparent":false,"maximized":false,"visible":true,"decorations":true,"alwaysOnBottom":false,"alwaysOnTop":false,"visibleOnAllWorkspaces":false,"contentProtected":false,"skipTaskbar":false,"titleBarStyle":"Visible","hiddenTitle":false,"acceptFirstMouse":false,"shadow":true,"incognito":false,"zoomHotkeysEnabled":false,"browserExtensionsEnabled":false,"useHttpsScheme":false}],"security":{"freezePrototype":false,"dangerousDisableAssetCspModification":false,"assetProtocol":{"scope":[],"enable":false},"pattern":{"use":"brownfield"},"capabilities":[]},"macOSPrivateApi":false,"withGlobalTauri":false,"enableGTKAppId":false},"build":{"devUrl":"http://192.168.35.49:1420/","frontendDist":"../build","beforeDevCommand":"pnpm dev","beforeBuildCommand":"pnpm build"},"bundle":{"active":true,"targets":"all","createUpdaterArtifacts":false,"icon":["icons/32x32.png","icons/128x128.png","icons/128x128@2x.png","icons/icon.icns","icons/icon.ico"],"useLocalToolsDir":false,"windows":{"digestAlgorithm":null,"certificateThumbprint":null,"timestampUrl":null,"tsp":false,"webviewInstallMode":{"type":"downloadBootstrapper","silent":true},"allowDowngrades":true,"wix":null,"nsis":null,"signCommand":null},"linux":{"appimage":{"bundleMediaFramework":false,"files":{}},"deb":{"files":{}},"rpm":{"release":"1","epoch":0,"files":{}}},"macOS":{"files":{},"minimumSystemVersion":"10.13","hardenedRuntime":true,"dmg":{"windowSize":{"width":660,"height":400},"appPosition":{"x":180,"y":170},"applicationFolderPosition":{"x":480,"y":170}}},"iOS":{"minimumSystemVersion":"13.0"},"android":{"minSdkVersion":24}},"plugins":{}}
\ No newline at end of file
+{
+	"$schema": "https://schema.tauri.app/config/2",
+	"productName": "eid-wallet",
+	"version": "0.1.0",
+	"identifier": "com.eid-wallet.app",
+	"app": {
+		"windows": [
+			{
+				"label": "main",
+				"create": true,
+				"url": "index.html",
+				"dragDropEnabled": true,
+				"center": false,
+				"width": 800.0,
+				"height": 600.0,
+				"resizable": true,
+				"maximizable": true,
+				"minimizable": true,
+				"closable": true,
+				"title": "eid-wallet",
+				"fullscreen": false,
+				"focus": true,
+				"transparent": false,
+				"maximized": false,
+				"visible": true,
+				"decorations": true,
+				"alwaysOnBottom": false,
+				"alwaysOnTop": false,
+				"visibleOnAllWorkspaces": false,
+				"contentProtected": false,
+				"skipTaskbar": false,
+				"titleBarStyle": "Visible",
+				"hiddenTitle": false,
+				"acceptFirstMouse": false,
+				"shadow": true,
+				"incognito": false,
+				"zoomHotkeysEnabled": false,
+				"browserExtensionsEnabled": false,
+				"useHttpsScheme": false
+			}
+		],
+		"security": {
+			"freezePrototype": false,
+			"dangerousDisableAssetCspModification": false,
+			"assetProtocol": { "scope": [], "enable": false },
+			"pattern": { "use": "brownfield" },
+			"capabilities": []
+		},
+		"macOSPrivateApi": false,
+		"withGlobalTauri": false,
+		"enableGTKAppId": false
+	},
+	"build": {
+		"devUrl": "http://192.168.35.49:1420/",
+		"frontendDist": "../build",
+		"beforeDevCommand": "pnpm dev",
+		"beforeBuildCommand": "pnpm build"
+	},
+	"bundle": {
+		"active": true,
+		"targets": "all",
+		"createUpdaterArtifacts": false,
+		"icon": [
+			"icons/32x32.png",
+			"icons/128x128.png",
+			"icons/128x128@2x.png",
+			"icons/icon.icns",
+			"icons/icon.ico"
+		],
+		"useLocalToolsDir": false,
+		"windows": {
+			"digestAlgorithm": null,
+			"certificateThumbprint": null,
+			"timestampUrl": null,
+			"tsp": false,
+			"webviewInstallMode": { "type": "downloadBootstrapper", "silent": true },
+			"allowDowngrades": true,
+			"wix": null,
+			"nsis": null,
+			"signCommand": null
+		},
+		"linux": {
+			"appimage": { "bundleMediaFramework": false, "files": {} },
+			"deb": { "files": {} },
+			"rpm": { "release": "1", "epoch": 0, "files": {} }
+		},
+		"macOS": {
+			"files": {},
+			"minimumSystemVersion": "10.13",
+			"hardenedRuntime": true,
+			"dmg": {
+				"windowSize": { "width": 660, "height": 400 },
+				"appPosition": { "x": 180, "y": 170 },
+				"applicationFolderPosition": { "x": 480, "y": 170 }
+			}
+		},
+		"iOS": { "minimumSystemVersion": "13.0" },
+		"android": { "minSdkVersion": 24 }
+	},
+	"plugins": {}
+}
diff --git a/infrastructure/eid-wallet/src-tauri/tauri.conf.json b/infrastructure/eid-wallet/src-tauri/tauri.conf.json
index b4319e14..b2213169 100644
--- a/infrastructure/eid-wallet/src-tauri/tauri.conf.json
+++ b/infrastructure/eid-wallet/src-tauri/tauri.conf.json
@@ -1,35 +1,35 @@
 {
-  "$schema": "https://schema.tauri.app/config/2",
-  "productName": "eid-wallet",
-  "version": "0.1.0",
-  "identifier": "com.eid-wallet.app",
-  "build": {
-    "beforeDevCommand": "pnpm dev",
-    "devUrl": "http://localhost:1420",
-    "beforeBuildCommand": "pnpm build",
-    "frontendDist": "../build"
-  },
-  "app": {
-    "windows": [
-      {
-        "title": "eid-wallet",
-        "width": 800,
-        "height": 600
-      }
-    ],
-    "security": {
-      "csp": null
-    }
-  },
-  "bundle": {
-    "active": true,
-    "targets": "all",
-    "icon": [
-      "icons/32x32.png",
-      "icons/128x128.png",
-      "icons/128x128@2x.png",
-      "icons/icon.icns",
-      "icons/icon.ico"
-    ]
-  }
+	"$schema": "https://schema.tauri.app/config/2",
+	"productName": "eid-wallet",
+	"version": "0.1.0",
+	"identifier": "com.eid-wallet.app",
+	"build": {
+		"beforeDevCommand": "pnpm dev",
+		"devUrl": "http://localhost:1420",
+		"beforeBuildCommand": "pnpm build",
+		"frontendDist": "../build"
+	},
+	"app": {
+		"windows": [
+			{
+				"title": "eid-wallet",
+				"width": 800,
+				"height": 600
+			}
+		],
+		"security": {
+			"csp": null
+		}
+	},
+	"bundle": {
+		"active": true,
+		"targets": "all",
+		"icon": [
+			"icons/32x32.png",
+			"icons/128x128.png",
+			"icons/128x128@2x.png",
+			"icons/icon.icns",
+			"icons/icon.ico"
+		]
+	}
 }
diff --git a/infrastructure/eid-wallet/src/app.css b/infrastructure/eid-wallet/src/app.css
index 00dd3939..67fdc233 100644
--- a/infrastructure/eid-wallet/src/app.css
+++ b/infrastructure/eid-wallet/src/app.css
@@ -1,58 +1,58 @@
 /* biome-ignore lint */
-@import 'tailwindcss';
-@import 'flag-icons/css/flag-icons.min.css';
+@import "tailwindcss";
+@import "flag-icons/css/flag-icons.min.css";
 
 @plugin "daisyui" {
-  themes: false; /* Disable built-in themes */
-  darktheme: 'light';
+	themes: false; /* Disable built-in themes */
+	darktheme: "light";
 }
 
 @font-face {
-  font-family: 'Archivo';
-  src: url('/fonts/Archivo-VariableFont_wdth,wght.ttf') format('truetype');
-  font-weight: 100 900;
-  font-style: normal;
+	font-family: "Archivo";
+	src: url("/fonts/Archivo-VariableFont_wdth,wght.ttf") format("truetype");
+	font-weight: 100 900;
+	font-style: normal;
 }
 
 @theme {
-  /* Custom theme */
-  --color-primary: #8e52ff;
-  --color-primary-100: #e8dcff;
-  --color-primary-200: #d2baff;
-  --color-primary-300: #bb97ff;
-  --color-primary-400: #a575ff;
-  --color-primary-500: #8e52ff;
-
-  --color-secondary: #73efd5;
-  --color-secondary-100: #e3fcf7;
-  --color-secondary-200: #c7f9ee;
-  --color-secondary-300: #abf6e6;
-  --color-secondary-400: #8ff2dd;
-  --color-secondary-500: #73efd5;
-
-  --color-white: #ffffff;
-  --color-gray: #f5f5f5;
-
-  --color-black: #1f1f1f;
-  --color-black-100: #d2d2d2;
-  --color-black-300: #a5a5a5;
-  --color-black-500: #797979;
-  --color-black-700: #4c4c4c;
-  --color-black-900: #1f1f1f;
-
-  --color-danger: #ff5255;
-  --color-danger-100: #ffdcdd;
-  --color-danger-200: #ffb1a7;
-  --color-danger-300: #ff968e;
-  --color-danger-400: #ff7b77;
-  --color-danger-500: #ff5255;
+	/* Custom theme */
+	--color-primary: #8e52ff;
+	--color-primary-100: #e8dcff;
+	--color-primary-200: #d2baff;
+	--color-primary-300: #bb97ff;
+	--color-primary-400: #a575ff;
+	--color-primary-500: #8e52ff;
+
+	--color-secondary: #73efd5;
+	--color-secondary-100: #e3fcf7;
+	--color-secondary-200: #c7f9ee;
+	--color-secondary-300: #abf6e6;
+	--color-secondary-400: #8ff2dd;
+	--color-secondary-500: #73efd5;
+
+	--color-white: #ffffff;
+	--color-gray: #f5f5f5;
+
+	--color-black: #1f1f1f;
+	--color-black-100: #d2d2d2;
+	--color-black-300: #a5a5a5;
+	--color-black-500: #797979;
+	--color-black-700: #4c4c4c;
+	--color-black-900: #1f1f1f;
+
+	--color-danger: #ff5255;
+	--color-danger-100: #ffdcdd;
+	--color-danger-200: #ffb1a7;
+	--color-danger-300: #ff968e;
+	--color-danger-400: #ff7b77;
+	--color-danger-500: #ff5255;
 }
 
 body {
-  font-family: 'Archivo', sans-serif;
+	font-family: "Archivo", sans-serif;
 }
 
 /* Custom classes */
 .spin-slow {
-  animation: spin 3s linear infinite;
+	animation: spin 3s linear infinite;
 }
diff --git a/infrastructure/eid-wallet/src/lib/fragments/Header/Header.stories.ts b/infrastructure/eid-wallet/src/lib/fragments/Header/Header.stories.ts
index 9f8acb01..f41b19a6 100644
--- a/infrastructure/eid-wallet/src/lib/fragments/Header/Header.stories.ts
+++ b/infrastructure/eid-wallet/src/lib/fragments/Header/Header.stories.ts
@@ -1,39 +1,39 @@
-import Header from './Header.svelte'
+import Header from "./Header.svelte";
 
 export default {
-  title: 'Fragments/Header',
-  component: Header,
-  tags: ['autodocs'],
-  render: (args: {
-    title: string
-    isBackRequired: boolean
-    isUserLoggedIn: boolean
-  }) => ({
-    Component: Header,
-    props: args,
-  }),
-}
+	title: "Fragments/Header",
+	component: Header,
+	tags: ["autodocs"],
+	render: (args: {
+		title: string;
+		isBackRequired: boolean;
+		isUserLoggedIn: boolean;
+	}) => ({
+		Component: Header,
+		props: args,
+	}),
+};
 
 export const Primary = {
-  args: {
-    title: 'Create PIN',
-    isBackRequired: false,
-    isUserLoggedIn: false,
-  },
-}
+	args: {
+		title: "Create PIN",
+		isBackRequired: false,
+		isUserLoggedIn: false,
+	},
+};
 
 export const Secondary = {
-  args: {
-    title: 'Create PIN',
-    isBackRequired: true,
-    isUserLoggedIn: false,
-  },
-}
+	args: {
+		title: "Create PIN",
+		isBackRequired: true,
+		isUserLoggedIn: false,
+	},
+};
 
 export const Tertiary = {
-  args: {
-    title: 'Create PIN',
-    isBackRequired: true,
-    isUserLoggedIn: true,
-  },
-}
+	args: {
+		title: "Create PIN",
+		isBackRequired: true,
+		isUserLoggedIn: true,
+	},
+};
diff --git a/infrastructure/eid-wallet/src/lib/ui/Button/ButtonAction.stories.ts b/infrastructure/eid-wallet/src/lib/ui/Button/ButtonAction.stories.ts
index 4a6daa9c..2b49b45b 100644
--- a/infrastructure/eid-wallet/src/lib/ui/Button/ButtonAction.stories.ts
+++ b/infrastructure/eid-wallet/src/lib/ui/Button/ButtonAction.stories.ts
@@ -1,61 +1,61 @@
-import type { Meta, StoryObj } from '@storybook/svelte'
-import ButtonAction from './ButtonAction.svelte'
-import { ButtonText } from './ButtonSnippets.svelte'
+import type { Meta, StoryObj } from "@storybook/svelte";
+import ButtonAction from "./ButtonAction.svelte";
+import { ButtonText } from "./ButtonSnippets.svelte";
 
 export default {
-  title: 'UI/ButtonAction',
-  component: ButtonAction,
-  args: {
-    variant: 'solid',
-    isLoading: false,
-    blockingClick: false,
-    children: 'Click Me',
-  },
-  argTypes: {
-    variant: {
-      control: {
-        type: 'select',
-        options: ['solid', 'soft', 'danger', 'danger-soft', 'white'],
-      },
-    },
-    size: {
-      control: {
-        type: 'select',
-        options: ['sm', 'md'],
-      },
-    },
-    isLoading: { control: 'boolean' },
-    blockingClick: { control: 'boolean' },
-    callback: { action: 'clicked' },
-  },
-}
+	title: "UI/ButtonAction",
+	component: ButtonAction,
+	args: {
+		variant: "solid",
+		isLoading: false,
+		blockingClick: false,
+		children: "Click Me",
+	},
+	argTypes: {
+		variant: {
+			control: {
+				type: "select",
+				options: ["solid", "soft", "danger", "danger-soft", "white"],
+			},
+		},
+		size: {
+			control: {
+				type: "select",
+				options: ["sm", "md"],
+			},
+		},
+		isLoading: { control: "boolean" },
+		blockingClick: { control: "boolean" },
+		callback: { action: "clicked" },
+	},
+};
 
 export const Solid = {
-  args: { variant: 'solid', children: ButtonText },
-}
+	args: { variant: "solid", children: ButtonText },
+};
 
 export const Soft = {
-  args: { variant: 'soft', children: ButtonText },
-}
+	args: { variant: "soft", children: ButtonText },
+};
 
 export const Danger = {
-  args: { variant: 'danger', children: ButtonText },
-}
+	args: { variant: "danger", children: ButtonText },
+};
 
 export const DangerSoft = {
-  args: { variant: 'danger-soft', children: ButtonText },
-}
+	args: { variant: "danger-soft", children: ButtonText },
+};
 
 export const Loading = {
-  args: { isLoading: true, children: ButtonText },
-}
+	args: { isLoading: true, children: ButtonText },
+};
 
 export const BlockingClick = {
-  args: {
-    blockingClick: true,
-    children: ButtonText,
-    callback: async () => {
-      await new Promise((resolve) => setTimeout(resolve, 2000))
-    },
-  },
-}
+	args: {
+		blockingClick: true,
+		children: ButtonText,
+		callback: async () => {
+			await new Promise((resolve) => setTimeout(resolve, 2000));
+		},
+	},
+};
diff --git a/infrastructure/eid-wallet/src/lib/ui/Button/ButtonAction.svelte b/infrastructure/eid-wallet/src/lib/ui/Button/ButtonAction.svelte
index 29be23bb..6cd2bf12 100644
--- a/infrastructure/eid-wallet/src/lib/ui/Button/ButtonAction.svelte
+++ b/infrastructure/eid-wallet/src/lib/ui/Button/ButtonAction.svelte
@@ -38,21 +38,21 @@ const handleClick = async () => {
 	}
 };
 
-  const variantClasses = {
-    solid: { background: 'bg-primary-500', text: 'text-white' },
-    soft: { background: 'bg-primary-100', text: 'text-primary-500' },
-    danger: { background: 'bg-danger-500', text: 'text-white' },
-    'danger-soft': { background: 'bg-danger-100', text: 'text-danger-500' },
-    white: { background: 'bg-white', text: 'text-black' },
-  }
+const variantClasses = {
+	solid: { background: "bg-primary-500", text: "text-white" },
+	soft: { background: "bg-primary-100", text: "text-primary-500" },
+	danger: { background: "bg-danger-500", text: "text-white" },
+	"danger-soft": { background: "bg-danger-100", text: "text-danger-500" },
+	white: { background: "bg-white", text: "text-black" },
+};
 
-  const disabledVariantClasses = {
-    solid: { background: 'bg-primary-300', text: 'text-white' },
-    soft: { background: 'bg-primary-100', text: 'text-primary-300' },
-    danger: { background: 'bg-danger-400', text: 'text-white' },
-    'danger-soft': { background: 'bg-danger-100', text: 'text-danger-400' },
-    white: { background: 'bg-black-100', text: 'text-black-700' },
-  }
+const disabledVariantClasses = {
+	solid: { background: "bg-primary-300", text: "text-white" },
+	soft: { background: "bg-primary-100", text: "text-primary-300" },
+	danger: { background: "bg-danger-400", text: "text-white" },
+	"danger-soft": { background: "bg-danger-100", text: "text-danger-400" },
+	white: { background: "bg-black-100", text: "text-black-700" },
+};
 
 const sizeVariant = {
 	sm: "px-4 py-1.5 text-base h-11",
diff --git a/infrastructure/eid-wallet/src/lib/ui/Connection/Connection.stories.ts b/infrastructure/eid-wallet/src/lib/ui/Connection/Connection.stories.ts
index 37213545..a50698cd 100644
--- a/infrastructure/eid-wallet/src/lib/ui/Connection/Connection.stories.ts
+++ b/infrastructure/eid-wallet/src/lib/ui/Connection/Connection.stories.ts
@@ -1,26 +1,26 @@
-import Connection from './Connection.svelte'
+import Connection from "./Connection.svelte";
 
 export default {
-  title: 'UI/Connection',
-  component: Connection,
-  tags: ['autodocs'],
-  render: (args: {
-    imgSrc: string
-    connectionName: string
-    lastConnected: string
-    onClick: () => void
-  }) => ({
-    Component: Connection,
-    props: args,
-  }),
-}
+	title: "UI/Connection",
+	component: Connection,
+	tags: ["autodocs"],
+	render: (args: {
+		imgSrc: string;
+		connectionName: string;
+		lastConnected: string;
+		onClick: () => void;
+	}) => ({
+		Component: Connection,
+		props: args,
+	}),
+};
 
 export const Primary = {
-  args: {
-    imgSrc:
-      'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRGPvo_J4nWlDM0kxFW0rsfR5UeOOC6uMvpfQ&s',
-    connectionName: 'Facebook.com',
-    lastConnected: `${new Date().toDateString()}, ${new Date().toLocaleTimeString()}`,
-    onClick: () => alert('Disconnected!'),
-  },
-}
+	args: {
+		imgSrc:
+			"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRGPvo_J4nWlDM0kxFW0rsfR5UeOOC6uMvpfQ&s",
+		connectionName: "Facebook.com",
+		lastConnected: `${new Date().toDateString()}, ${new Date().toLocaleTimeString()}`,
+		onClick: () => alert("Disconnected!"),
+	},
+};
diff --git a/infrastructure/eid-wallet/src/lib/ui/Connection/Connection.svelte b/infrastructure/eid-wallet/src/lib/ui/Connection/Connection.svelte
index 4b0b2964..5844470e 100644
--- a/infrastructure/eid-wallet/src/lib/ui/Connection/Connection.svelte
+++ b/infrastructure/eid-wallet/src/lib/ui/Connection/Connection.svelte
@@ -1,21 +1,21 @@
 <script lang="ts">
-  import { cn } from '$lib/utils'
-  import type { HTMLAttributes } from 'svelte/elements'
+import { cn } from "$lib/utils";
+import type { HTMLAttributes } from "svelte/elements";
 
-  interface IConnection extends HTMLAttributes<HTMLElement> {
-    imgSrc: string
-    connectionName: string
-    lastConnected: Date
-    onClick?: () => void
-  }
+interface IConnection extends HTMLAttributes<HTMLElement> {
+	imgSrc: string;
+	connectionName: string;
+	lastConnected: Date;
+	onClick?: () => void;
+}
 
-  let {
-    imgSrc,
-    connectionName,
-    lastConnected,
-    onClick,
-    ...restProps
-  }: IConnection = $props()
+let {
+	imgSrc,
+	connectionName,
+	lastConnected,
+	onClick,
+	...restProps
+}: IConnection = $props();
 </script>
 
 <div
diff --git a/infrastructure/eid-wallet/src/lib/ui/Drawer/Drawer.stories.ts b/infrastructure/eid-wallet/src/lib/ui/Drawer/Drawer.stories.ts
index 30b843c6..b815774b 100644
--- a/infrastructure/eid-wallet/src/lib/ui/Drawer/Drawer.stories.ts
+++ b/infrastructure/eid-wallet/src/lib/ui/Drawer/Drawer.stories.ts
@@ -1,20 +1,20 @@
-import Drawer from './Drawer.svelte'
-import { InnerContent } from './Drawer.stories.snippet.svelte'
-import type { Snippet } from 'svelte'
+import Drawer from "./Drawer.svelte";
+import { InnerContent } from "./Drawer.stories.snippet.svelte";
+import type { Snippet } from "svelte";
 
 export default {
-  title: 'UI/Drawer',
-  component: Drawer,
-  tags: ['autodocs'],
-  render: (args: { isPaneOpen: boolean; children: Snippet }) => ({
-    Component: Drawer,
-    props: args,
-  }),
-}
+	title: "UI/Drawer",
+	component: Drawer,
+	tags: ["autodocs"],
+	render: (args: { isPaneOpen: boolean; children: Snippet }) => ({
+		Component: Drawer,
+		props: args,
+	}),
+};
 
 export const Default = {
-  args: {
-    isPaneOpen: true,
-    children: InnerContent,
-  },
-}
+	args: {
+		isPaneOpen: true,
+		children: InnerContent,
+	},
+};
diff --git a/infrastructure/eid-wallet/src/lib/ui/Drawer/Drawer.svelte b/infrastructure/eid-wallet/src/lib/ui/Drawer/Drawer.svelte
index 46767a36..dce92a9b 100644
--- a/infrastructure/eid-wallet/src/lib/ui/Drawer/Drawer.svelte
+++ b/infrastructure/eid-wallet/src/lib/ui/Drawer/Drawer.svelte
@@ -1,69 +1,69 @@
 <script lang="ts">
-  import { CupertinoPane } from 'cupertino-pane'
-  import { type Snippet } from 'svelte'
-  import type { HTMLAttributes } from 'svelte/elements'
-  import { swipe } from 'svelte-gestures'
-  import { clickOutside, cn } from '$lib/utils'
+import { CupertinoPane } from "cupertino-pane";
+import { type Snippet } from "svelte";
+import type { HTMLAttributes } from "svelte/elements";
+import { swipe } from "svelte-gestures";
+import { clickOutside, cn } from "$lib/utils";
 
-  interface IDrawerProps extends HTMLAttributes<HTMLDivElement> {
-    isPaneOpen?: boolean
-    isCancelRequired?: boolean
-    children?: Snippet
-    handleSwipe?: (isOpen: boolean | undefined) => void
-  }
+interface IDrawerProps extends HTMLAttributes<HTMLDivElement> {
+	isPaneOpen?: boolean;
+	isCancelRequired?: boolean;
+	children?: Snippet;
+	handleSwipe?: (isOpen: boolean | undefined) => void;
+}
 
-  let drawerElem: HTMLDivElement
-  let pane: CupertinoPane
+let drawerElem: HTMLDivElement;
+let pane: CupertinoPane;
 
-  let {
-    isPaneOpen = $bindable(),
-    isCancelRequired = false,
-    children = undefined,
-    handleSwipe,
-    ...restProps
-  }: IDrawerProps = $props()
+let {
+	isPaneOpen = $bindable(),
+	isCancelRequired = false,
+	children = undefined,
+	handleSwipe,
+	...restProps
+}: IDrawerProps = $props();
 
-  const handleClickOutside = () => {
-    pane?.destroy({ animate: true })
-    isPaneOpen = false
-  }
+const handleClickOutside = () => {
+	pane?.destroy({ animate: true });
+	isPaneOpen = false;
+};
 
-  $effect(() => {
-    if (!drawerElem) return
-    pane = new CupertinoPane(drawerElem, {
-      fitHeight: true,
-      backdrop: true,
-      backdropOpacity: 0.5,
-      backdropBlur: true,
-      bottomClose: true,
-      buttonDestroy: isCancelRequired,
-      showDraggable: true,
-      upperThanTop: true,
-      breaks: {
-        bottom: { enabled: true, height: 250 },
-      },
-      initialBreak: 'bottom',
-    })
+$effect(() => {
+	if (!drawerElem) return;
+	pane = new CupertinoPane(drawerElem, {
+		fitHeight: true,
+		backdrop: true,
+		backdropOpacity: 0.5,
+		backdropBlur: true,
+		bottomClose: true,
+		buttonDestroy: isCancelRequired,
+		showDraggable: true,
+		upperThanTop: true,
+		breaks: {
+			bottom: { enabled: true, height: 250 },
+		},
+		initialBreak: "bottom",
+	});
 
-    if (isPaneOpen) {
-      pane.present({ animate: true })
-    } else {
-      pane.destroy({ animate: true })
-    }
+	if (isPaneOpen) {
+		pane.present({ animate: true });
+	} else {
+		pane.destroy({ animate: true });
+	}
 
-    return () => pane.destroy()
-  })
+	return () => pane.destroy();
+});
 
-  $effect(() => {
-    if (isPaneOpen) {
-      pane.present({ animate: true })
-    } else {
-      pane.destroy({ animate: true })
-    }
-    drawerElem.addEventListener('click_outside', () => {
-      handleClickOutside()
-    })
-  })
+$effect(() => {
+	if (isPaneOpen) {
+		pane.present({ animate: true });
+	} else {
+		pane.destroy({ animate: true });
+	}
+	drawerElem.addEventListener("click_outside", () => {
+		handleClickOutside();
+	});
+});
 </script>
 
 <div
diff --git a/infrastructure/eid-wallet/src/lib/ui/InputPin/InputPin.stories.ts b/infrastructure/eid-wallet/src/lib/ui/InputPin/InputPin.stories.ts
index dd734a00..90e14f2d 100644
--- a/infrastructure/eid-wallet/src/lib/ui/InputPin/InputPin.stories.ts
+++ b/infrastructure/eid-wallet/src/lib/ui/InputPin/InputPin.stories.ts
@@ -1,31 +1,31 @@
-import InputPin from './InputPin.svelte'
+import InputPin from "./InputPin.svelte";
 
 export default {
-  title: 'UI/InputPin',
-  component: InputPin,
-  tags: ['autodocs'],
-  render: (args: { size: number; variant: string; isError: boolean }) => ({
-    Component: InputPin,
-    props: args,
-  }),
-}
+	title: "UI/InputPin",
+	component: InputPin,
+	tags: ["autodocs"],
+	render: (args: { size: number; variant: string; isError: boolean }) => ({
+		Component: InputPin,
+		props: args,
+	}),
+};
 
 export const Default = {
-  args: {
-    size: 4,
-  },
-}
+	args: {
+		size: 4,
+	},
+};
 
 export const Small = {
-  args: {
-    size: 4,
-    variant: 'sm',
-  },
-}
+	args: {
+		size: 4,
+		variant: "sm",
+	},
+};
 
 export const isError = {
-  args: {
-    size: 4,
-    isError: true,
-  },
-}
+	args: {
+		size: 4,
+		isError: true,
+	},
+};
diff --git a/infrastructure/eid-wallet/src/lib/ui/InputPin/InputPin.svelte b/infrastructure/eid-wallet/src/lib/ui/InputPin/InputPin.svelte
index 365126e9..87adf916 100644
--- a/infrastructure/eid-wallet/src/lib/ui/InputPin/InputPin.svelte
+++ b/infrastructure/eid-wallet/src/lib/ui/InputPin/InputPin.svelte
@@ -1,108 +1,107 @@
 <script lang="ts">
-  import { cn } from '$lib/utils'
-  import { onMount } from 'svelte'
-  import type { HTMLAttributes } from 'svelte/elements'
-
-  const KEYBOARD = {
-    BACKSPACE: 'Backspace',
-    DELETE: 'Delete',
-    ANDROID_BACKSPACE: 'Backspace',
-  }
-
-  let inputs = $state([0])
-  let pins: { [key: number]: string } = $state({})
-
-  interface IInputPinProps extends HTMLAttributes<HTMLDivElement> {
-    pin: string
-    variant?: 'lg' | 'sm'
-    size?: number
-    focusOnMount?: boolean | undefined
-    inFocus?: boolean | undefined
-    isError?: boolean
-  }
-
-  let {
-    pin = $bindable(''),
-    variant = 'lg',
-    size = 4,
-    focusOnMount = true,
-    inFocus = false,
-    isError = $bindable(false),
-    ...restProps
-  }: IInputPinProps = $props()
-
-  onMount(async () => {
-    inputs = createArray(size)
-    pins = await createValueSlot(inputs)
-    pin = calcPin(pins)
-    if (!focusOnMount) return
-    document.getElementById('pin0')?.focus()
-  })
-
-  $effect(() => {
-    pin = calcPin(pins)
-  })
-
-  const calcPin = (pins: { [key: number]: string }) => {
-    return Object.values(pins).join('') || ''
-  }
-
-  const isKeyDelete = (key: string) => {
-    return (
-      key === KEYBOARD.BACKSPACE ||
-      key === KEYBOARD.DELETE ||
-      key === KEYBOARD.ANDROID_BACKSPACE
-    )
-  }
-
-  const changeHandler = (e: KeyboardEvent, i: number) => {
-    const current = document.activeElement ?? document.getElementById('pin0')
-    const items = Array.from(document.getElementsByClassName('pin-item'))
-    const currentIndex = items.indexOf(current as HTMLElement)
-    let newIndex: number
-
-    const regx = /^\d+$/
-
-    // backspace pressed
-    if (isKeyDelete(e.key)) {
-      if (pins[i] !== '') {
-        // If there is a value in the current pin, just clear it and stay on the same input
-        pins[i] = ''
-        return
-      }
-      // If the current input is already empty, move to the previous input
-      newIndex = (currentIndex - 1 + items.length) % items.length
-    }
-
-    // When a number is typed, replace the current digit with the typed number
-    if (regx.test(e.key)) {
-      pins[i] = e.key
-      newIndex = (currentIndex + 1) % items.length
-    } else {
-      return
-    }
-
-    // Set focus to the new input if it’s needed
-    ;(items[newIndex] as HTMLInputElement)?.focus()
-  }
-
-  const createArray = (size: number) => {
-    return new Array(size)
-  }
-
-  const createValueSlot = (arr: number[]) => {
-    return arr.reduce(
-      (obj, item) => {
-        obj[item] = ''
-        return obj
-      },
-      {} as Record<number, string>
-    )
-  }
-
-  let uniqueId = `input${Math.random().toString().split('.')[1]}`
-  const cBase =
-    'relative w-full margin-x-[auto] flex justify-start items-center gap-[10px] flex-row flex-nowrap select-none'
+import { cn } from "$lib/utils";
+import { onMount } from "svelte";
+import type { HTMLAttributes } from "svelte/elements";
+
+const KEYBOARD = {
+	BACKSPACE: "Backspace",
+	DELETE: "Delete",
+	ANDROID_BACKSPACE: "Backspace",
+};
+
+let inputs = $state([0]);
+let pins: { [key: number]: string } = $state({});
+
+interface IInputPinProps extends HTMLAttributes<HTMLDivElement> {
+	pin: string;
+	variant?: "lg" | "sm";
+	size?: number;
+	focusOnMount?: boolean | undefined;
+	inFocus?: boolean | undefined;
+	isError?: boolean;
+}
+
+let {
+	pin = $bindable(""),
+	variant = "lg",
+	size = 4,
+	focusOnMount = true,
+	inFocus = false,
+	isError = $bindable(false),
+	...restProps
+}: IInputPinProps = $props();
+
+onMount(async () => {
+	inputs = createArray(size);
+	pins = await createValueSlot(inputs);
+	pin = calcPin(pins);
+	if (!focusOnMount) return;
+	document.getElementById("pin0")?.focus();
+});
+
+$effect(() => {
+	pin = calcPin(pins);
+});
+
+const calcPin = (pins: { [key: number]: string }) => {
+	return Object.values(pins).join("") || "";
+};
+
+const isKeyDelete = (key: string) => {
+	return (
+		key === KEYBOARD.BACKSPACE ||
+		key === KEYBOARD.DELETE ||
+		key === KEYBOARD.ANDROID_BACKSPACE
+	);
+};
+
+const changeHandler = (e: KeyboardEvent, i: number) => {
+	const current = document.activeElement ?? document.getElementById("pin0");
+	const items = Array.from(document.getElementsByClassName("pin-item"));
+	const currentIndex = items.indexOf(current as HTMLElement);
+	let newIndex: number;
+
+	const regx = /^\d+$/;
+
+	// backspace pressed
+	if (isKeyDelete(e.key)) {
+		if (pins[i] !== "") {
+			// If there is a value in the current pin, just clear it and stay on the same input
+			pins[i] = "";
+			return;
+		}
+		// If the current input is already empty, move to the previous input
+		newIndex = (currentIndex - 1 + items.length) % items.length;
+	}
+
+	// When a number is typed, replace the current digit with the typed number
+	if (regx.test(e.key)) {
+		pins[i] = e.key;
+		newIndex = (currentIndex + 1) % items.length;
+	} else {
+		return;
+	}
+	// Set focus to the new input if it’s needed
+	(items[newIndex] as HTMLInputElement)?.focus();
+};
+
+const createArray = (size: number) => {
+	return new Array(size);
+};
+
+const createValueSlot = (arr: number[]) => {
+	return arr.reduce(
+		(obj, item) => {
+			obj[item] = "";
+			return obj;
+		},
+		{} as Record<number, string>,
+	);
+};
+
+let uniqueId = `input${Math.random().toString().split(".")[1]}`;
+const cBase =
+	"relative w-full margin-x-[auto] flex justify-start items-center gap-[10px] flex-row flex-nowrap select-none";
 </script>
 
 <div
diff --git a/infrastructure/eid-wallet/src/lib/ui/Selector/Selector.svelte b/infrastructure/eid-wallet/src/lib/ui/Selector/Selector.svelte
index c3f93c4d..61c908a0 100644
--- a/infrastructure/eid-wallet/src/lib/ui/Selector/Selector.svelte
+++ b/infrastructure/eid-wallet/src/lib/ui/Selector/Selector.svelte
@@ -1,29 +1,29 @@
 <script lang="ts">
-  import { cn } from '$lib/utils'
-  import { Tick01Icon } from '@hugeicons/core-free-icons'
-  import { HugeiconsIcon } from '@hugeicons/svelte'
-  import type { Snippet } from 'svelte'
-  import type { HTMLLabelAttributes } from 'svelte/elements'
-  import { fade } from 'svelte/transition'
+import { cn } from "$lib/utils";
+import { Tick01Icon } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon } from "@hugeicons/svelte";
+import type { Snippet } from "svelte";
+import type { HTMLLabelAttributes } from "svelte/elements";
+import { fade } from "svelte/transition";
 
-  interface ISelectorProps extends HTMLLabelAttributes {
-    id: string
-    name: string
-    value: string
-    icon?: Snippet<[string]>
-    selected?: string
-    children?: Snippet
-  }
+interface ISelectorProps extends HTMLLabelAttributes {
+	id: string;
+	name: string;
+	value: string;
+	icon?: Snippet<[string]>;
+	selected?: string;
+	children?: Snippet;
+}
 
-  let {
-    id,
-    name,
-    value,
-    icon = undefined,
-    selected = $bindable(),
-    children = undefined,
-    ...restProps
-  }: ISelectorProps = $props()
+let {
+	id,
+	name,
+	value,
+	icon = undefined,
+	selected = $bindable(),
+	children = undefined,
+	...restProps
+}: ISelectorProps = $props();
 </script>
 
 <label
diff --git a/infrastructure/eid-wallet/svelte.config.js b/infrastructure/eid-wallet/svelte.config.js
index 2d45f91c..1b6a6b8d 100644
--- a/infrastructure/eid-wallet/svelte.config.js
+++ b/infrastructure/eid-wallet/svelte.config.js
@@ -6,10 +6,10 @@ import { vitePreprocess } from "@sveltejs/vite-plugin-svelte";
 
 /** @type {import('@sveltejs/kit').Config} */
 const config = {
-  preprocess: vitePreprocess(),
-  kit: {
-    adapter: adapter(),
-  },
+	preprocess: vitePreprocess(),
+	kit: {
+		adapter: adapter(),
+	},
 };
 
 export default config;
diff --git a/infrastructure/eid-wallet/tsconfig.json b/infrastructure/eid-wallet/tsconfig.json
index 593dc196..fc93cbd9 100644
--- a/infrastructure/eid-wallet/tsconfig.json
+++ b/infrastructure/eid-wallet/tsconfig.json
@@ -1,19 +1,19 @@
 {
-  "extends": "./.svelte-kit/tsconfig.json",
-  "compilerOptions": {
-    "allowJs": true,
-    "checkJs": true,
-    "esModuleInterop": true,
-    "forceConsistentCasingInFileNames": true,
-    "resolveJsonModule": true,
-    "skipLibCheck": true,
-    "sourceMap": true,
-    "strict": true,
-    "moduleResolution": "bundler"
-  }
-  // Path aliases are handled by https://kit.svelte.dev/docs/configuration#alias
-  // except $lib which is handled by https://kit.svelte.dev/docs/configuration#files
-  //
-  // If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes
-  // from the referenced tsconfig.json - TypeScript does not merge them in
+	"extends": "./.svelte-kit/tsconfig.json",
+	"compilerOptions": {
+		"allowJs": true,
+		"checkJs": true,
+		"esModuleInterop": true,
+		"forceConsistentCasingInFileNames": true,
+		"resolveJsonModule": true,
+		"skipLibCheck": true,
+		"sourceMap": true,
+		"strict": true,
+		"moduleResolution": "bundler"
+	}
+	// Path aliases are handled by https://kit.svelte.dev/docs/configuration#alias
+	// except $lib which is handled by https://kit.svelte.dev/docs/configuration#files
+	//
+	// If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes
+	// from the referenced tsconfig.json - TypeScript does not merge them in
 }
diff --git a/infrastructure/eid-wallet/vite.config.js b/infrastructure/eid-wallet/vite.config.js
index 86665520..01887fd9 100644
--- a/infrastructure/eid-wallet/vite.config.js
+++ b/infrastructure/eid-wallet/vite.config.js
@@ -6,27 +6,27 @@ const host = process.env.TAURI_DEV_HOST;
 
 // https://vitejs.dev/config/
 export default defineConfig(async () => ({
-  plugins: [tailwindcss(), sveltekit()],
+	plugins: [tailwindcss(), sveltekit()],
 
-  // Vite options tailored for Tauri development and only applied in `tauri dev` or `tauri build`
-  //
-  // 1. prevent vite from obscuring rust errors
-  clearScreen: false,
-  // 2. tauri expects a fixed port, fail if that port is not available
-  server: {
-    port: 1420,
-    strictPort: true,
-    host: host || false,
-    hmr: host
-      ? {
-          protocol: "ws",
-          host,
-          port: 1421,
-        }
-      : undefined,
-    watch: {
-      // 3. tell vite to ignore watching `src-tauri`
-      ignored: ["**/src-tauri/**"],
-    },
-  },
+	// Vite options tailored for Tauri development and only applied in `tauri dev` or `tauri build`
+	//
+	// 1. prevent vite from obscuring rust errors
+	clearScreen: false,
+	// 2. tauri expects a fixed port, fail if that port is not available
+	server: {
+		port: 1420,
+		strictPort: true,
+		host: host || false,
+		hmr: host
+			? {
+					protocol: "ws",
+					host,
+					port: 1421,
+				}
+			: undefined,
+		watch: {
+			// 3. tell vite to ignore watching `src-tauri`
+			ignored: ["**/src-tauri/**"],
+		},
+	},
 }));
diff --git a/infrastructure/eid-wallet/vitest.workspace.js b/infrastructure/eid-wallet/vitest.workspace.js
index 8ecb5cb2..e479fcbc 100644
--- a/infrastructure/eid-wallet/vitest.workspace.js
+++ b/infrastructure/eid-wallet/vitest.workspace.js
@@ -1,32 +1,34 @@
-import path from 'node:path';
-import { fileURLToPath } from 'node:url';
+import path from "node:path";
+import { fileURLToPath } from "node:url";
 
-import { defineWorkspace } from 'vitest/config';
+import { defineWorkspace } from "vitest/config";
 
-import { storybookTest } from '@storybook/experimental-addon-test/vitest-plugin';
+import { storybookTest } from "@storybook/experimental-addon-test/vitest-plugin";
 
 const dirname =
-  typeof __dirname !== 'undefined' ? __dirname : path.dirname(fileURLToPath(import.meta.url));
+	typeof __dirname !== "undefined"
+		? __dirname
+		: path.dirname(fileURLToPath(import.meta.url));
 
 // More info at: https://storybook.js.org/docs/writing-tests/test-addon
 export default defineWorkspace([
-  'vite.config.js',
-  {
-    extends: 'vite.config.js',
-    plugins: [
-      // The plugin will run tests for the stories defined in your Storybook config
-      // See options at: https://storybook.js.org/docs/writing-tests/test-addon#storybooktest
-      storybookTest({ configDir: path.join(dirname, '.storybook') }),
-    ],
-    test: {
-      name: 'storybook',
-      browser: {
-        enabled: true,
-        headless: true,
-        name: 'chromium',
-        provider: 'playwright'
-      },
-      setupFiles: ['.storybook/vitest.setup.ts'],
-    },
-  },
+	"vite.config.js",
+	{
+		extends: "vite.config.js",
+		plugins: [
+			// The plugin will run tests for the stories defined in your Storybook config
+			// See options at: https://storybook.js.org/docs/writing-tests/test-addon#storybooktest
+			storybookTest({ configDir: path.join(dirname, ".storybook") }),
+		],
+		test: {
+			name: "storybook",
+			browser: {
+				enabled: true,
+				headless: true,
+				name: "chromium",
+				provider: "playwright",
+			},
+			setupFiles: [".storybook/vitest.setup.ts"],
+		},
+	},
 ]);
diff --git a/infrastructure/evault-core/package.json b/infrastructure/evault-core/package.json
index 0d6e9798..3290dba7 100644
--- a/infrastructure/evault-core/package.json
+++ b/infrastructure/evault-core/package.json
@@ -1,12 +1,12 @@
 {
-  "name": "evault-core",
-  "version": "1.0.0",
-  "description": "",
-  "main": "index.js",
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
-  },
-  "keywords": [],
-  "author": "",
-  "license": "ISC"
+	"name": "evault-core",
+	"version": "1.0.0",
+	"description": "",
+	"main": "index.js",
+	"scripts": {
+		"test": "echo \"Error: no test specified\" && exit 1"
+	},
+	"keywords": [],
+	"author": "",
+	"license": "ISC"
 }
diff --git a/infrastructure/w3id/biome.json b/infrastructure/w3id/biome.json
index 117bb614..f8e45519 100644
--- a/infrastructure/w3id/biome.json
+++ b/infrastructure/w3id/biome.json
@@ -1,3 +1,3 @@
 {
-  "$schema": "./node_modules/@biomejs/biome/configuration_schema.json"
+	"$schema": "./node_modules/@biomejs/biome/configuration_schema.json"
 }
diff --git a/infrastructure/w3id/package.json b/infrastructure/w3id/package.json
index 16b151c7..b91aa736 100644
--- a/infrastructure/w3id/package.json
+++ b/infrastructure/w3id/package.json
@@ -1,43 +1,41 @@
 {
-  "name": "w3id",
-  "version": "1.0.0",
-  "description": "",
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1",
-    "dev": "tsc --watch",
-    "format": "npx @biomejs/biome format --write ./src",
-    "check-format": "npx @biomejs/biome format ./src",
-    "lint": "npx @biomejs/biome lint --write ./src",
-    "check-lint": "npx @biomejs/biome lint ./src",
-    "check": "npx @biomejs/biome check ./src",
-    "check-types": "tsc --noEmit",
-    "build": "npm run build:node && npm run build:browser",
-    "build:node": "tsc -p tsconfig.node.json",
-    "build:browser": "tsc -p tsconfig.browser.json",
-    "postinstall": "npm run build"
-  },
-  "keywords": [],
-  "author": "",
-  "license": "ISC",
-  "dependencies": {
-    "@biomejs/biome": "^1.9.4",
-    "uuid": "^11.1.0"
-  },
-  "devDependencies": {
-    "typescript": "^5.8.2"
-  },
-  "main": "./dist/node/index.js",
-  "module": "./dist/browser/index.js",
-  "types": "./dist/types/index.d.ts",
-  "exports": {
-    ".": {
-      "require": "./dist/node/index.js",
-      "import": "./dist/browser/index.js",
-      "types": "./dist/types/index.d.ts"
-    },
-    "./package.json": "./package.json"
-  },
-  "files": [
-    "dist/**/*"
-  ]
+	"name": "w3id",
+	"version": "1.0.0",
+	"description": "",
+	"scripts": {
+		"test": "echo \"Error: no test specified\" && exit 1",
+		"dev": "tsc --watch",
+		"format": "npx @biomejs/biome format --write ./src",
+		"check-format": "npx @biomejs/biome format ./src",
+		"lint": "npx @biomejs/biome lint --write ./src",
+		"check-lint": "npx @biomejs/biome lint ./src",
+		"check": "npx @biomejs/biome check ./src",
+		"check-types": "tsc --noEmit",
+		"build": "npm run build:node && npm run build:browser",
+		"build:node": "tsc -p tsconfig.node.json",
+		"build:browser": "tsc -p tsconfig.browser.json",
+		"postinstall": "npm run build"
+	},
+	"keywords": [],
+	"author": "",
+	"license": "ISC",
+	"dependencies": {
+		"@biomejs/biome": "^1.9.4",
+		"uuid": "^11.1.0"
+	},
+	"devDependencies": {
+		"typescript": "^5.8.2"
+	},
+	"main": "./dist/node/index.js",
+	"module": "./dist/browser/index.js",
+	"types": "./dist/types/index.d.ts",
+	"exports": {
+		".": {
+			"require": "./dist/node/index.js",
+			"import": "./dist/browser/index.js",
+			"types": "./dist/types/index.d.ts"
+		},
+		"./package.json": "./package.json"
+	},
+	"files": ["dist/**/*"]
 }
diff --git a/infrastructure/w3id/tsconfig.browser.json b/infrastructure/w3id/tsconfig.browser.json
index c99b9392..bc745844 100644
--- a/infrastructure/w3id/tsconfig.browser.json
+++ b/infrastructure/w3id/tsconfig.browser.json
@@ -1,8 +1,8 @@
 {
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "module": "ESNext",
-    "outDir": "./dist/browser",
-    "lib": ["DOM", "ESNext"]
-  }
+	"extends": "./tsconfig.json",
+	"compilerOptions": {
+		"module": "ESNext",
+		"outDir": "./dist/browser",
+		"lib": ["DOM", "ESNext"]
+	}
 }
diff --git a/infrastructure/w3id/tsconfig.json b/infrastructure/w3id/tsconfig.json
index bc374bca..90d4ef20 100644
--- a/infrastructure/w3id/tsconfig.json
+++ b/infrastructure/w3id/tsconfig.json
@@ -1,18 +1,18 @@
 {
-  "compilerOptions": {
-    "target": "ES2017",
-    "module": "ESNext",
-    "lib": ["ESNext", "DOM"],
-    "declaration": true,
-    "declarationDir": "./dist/types",
-    "outDir": "./dist",
-    "rootDir": "./src",
-    "strict": true,
-    "esModuleInterop": true,
-    "forceConsistentCasingInFileNames": true,
-    "moduleResolution": "Node",
-    "skipLibCheck": true
-  },
-  "include": ["src/**/*"],
-  "exclude": ["node_modules", "dist"]
+	"compilerOptions": {
+		"target": "ES2017",
+		"module": "ESNext",
+		"lib": ["ESNext", "DOM"],
+		"declaration": true,
+		"declarationDir": "./dist/types",
+		"outDir": "./dist",
+		"rootDir": "./src",
+		"strict": true,
+		"esModuleInterop": true,
+		"forceConsistentCasingInFileNames": true,
+		"moduleResolution": "Node",
+		"skipLibCheck": true
+	},
+	"include": ["src/**/*"],
+	"exclude": ["node_modules", "dist"]
 }
diff --git a/infrastructure/w3id/tsconfig.node.json b/infrastructure/w3id/tsconfig.node.json
index c43bd7be..0e90b82e 100644
--- a/infrastructure/w3id/tsconfig.node.json
+++ b/infrastructure/w3id/tsconfig.node.json
@@ -1,8 +1,8 @@
 {
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "module": "CommonJS",
-    "outDir": "./dist/node",
-    "lib": ["ESNext"]
-  }
+	"extends": "./tsconfig.json",
+	"compilerOptions": {
+		"module": "CommonJS",
+		"outDir": "./dist/node",
+		"lib": ["ESNext"]
+	}
 }
diff --git a/package.json b/package.json
index ddeeccd8..dd0fd478 100644
--- a/package.json
+++ b/package.json
@@ -1,23 +1,23 @@
 {
-  "name": "prototype",
-  "private": true,
-  "scripts": {
-    "build": "turbo run build",
-    "dev": "turbo run dev",
-    "lint": "turbo run lint",
-    "check-lint": "turbo run check-lint",
-    "format": "turbo run format",
-    "check-format": "turbo run check-format",
-    "check": "turbo run check",
-    "check-types": "turbo run check-types"
-  },
-  "devDependencies": {
-    "prettier": "^3.5.3",
-    "turbo": "^2.4.4",
-    "typescript": "5.8.2"
-  },
-  "packageManager": "pnpm@10.6.5",
-  "engines": {
-    "node": ">=18"
-  }
+	"name": "prototype",
+	"private": true,
+	"scripts": {
+		"build": "turbo run build",
+		"dev": "turbo run dev",
+		"lint": "turbo run lint",
+		"check-lint": "turbo run check-lint",
+		"format": "turbo run format",
+		"check-format": "turbo run check-format",
+		"check": "turbo run check",
+		"check-types": "turbo run check-types"
+	},
+	"devDependencies": {
+		"prettier": "^3.5.3",
+		"turbo": "^2.4.4",
+		"typescript": "5.8.2"
+	},
+	"packageManager": "pnpm@10.6.5",
+	"engines": {
+		"node": ">=18"
+	}
 }
diff --git a/packages/eslint-config/base.js b/packages/eslint-config/base.js
index 09d316ef..aaedf29b 100644
--- a/packages/eslint-config/base.js
+++ b/packages/eslint-config/base.js
@@ -10,23 +10,23 @@ import onlyWarn from "eslint-plugin-only-warn";
  * @type {import("eslint").Linter.Config[]}
  * */
 export const config = [
-  js.configs.recommended,
-  eslintConfigPrettier,
-  ...tseslint.configs.recommended,
-  {
-    plugins: {
-      turbo: turboPlugin,
-    },
-    rules: {
-      "turbo/no-undeclared-env-vars": "warn",
-    },
-  },
-  {
-    plugins: {
-      onlyWarn,
-    },
-  },
-  {
-    ignores: ["dist/**"],
-  },
+	js.configs.recommended,
+	eslintConfigPrettier,
+	...tseslint.configs.recommended,
+	{
+		plugins: {
+			turbo: turboPlugin,
+		},
+		rules: {
+			"turbo/no-undeclared-env-vars": "warn",
+		},
+	},
+	{
+		plugins: {
+			onlyWarn,
+		},
+	},
+	{
+		ignores: ["dist/**"],
+	},
 ];
diff --git a/packages/eslint-config/next.js b/packages/eslint-config/next.js
index 6bf01a74..6e1ca22e 100644
--- a/packages/eslint-config/next.js
+++ b/packages/eslint-config/next.js
@@ -13,37 +13,37 @@ import { config as baseConfig } from "./base.js";
  * @type {import("eslint").Linter.Config[]}
  * */
 export const nextJsConfig = [
-  ...baseConfig,
-  js.configs.recommended,
-  eslintConfigPrettier,
-  ...tseslint.configs.recommended,
-  {
-    ...pluginReact.configs.flat.recommended,
-    languageOptions: {
-      ...pluginReact.configs.flat.recommended.languageOptions,
-      globals: {
-        ...globals.serviceworker,
-      },
-    },
-  },
-  {
-    plugins: {
-      "@next/next": pluginNext,
-    },
-    rules: {
-      ...pluginNext.configs.recommended.rules,
-      ...pluginNext.configs["core-web-vitals"].rules,
-    },
-  },
-  {
-    plugins: {
-      "react-hooks": pluginReactHooks,
-    },
-    settings: { react: { version: "detect" } },
-    rules: {
-      ...pluginReactHooks.configs.recommended.rules,
-      // React scope no longer necessary with new JSX transform.
-      "react/react-in-jsx-scope": "off",
-    },
-  },
+	...baseConfig,
+	js.configs.recommended,
+	eslintConfigPrettier,
+	...tseslint.configs.recommended,
+	{
+		...pluginReact.configs.flat.recommended,
+		languageOptions: {
+			...pluginReact.configs.flat.recommended.languageOptions,
+			globals: {
+				...globals.serviceworker,
+			},
+		},
+	},
+	{
+		plugins: {
+			"@next/next": pluginNext,
+		},
+		rules: {
+			...pluginNext.configs.recommended.rules,
+			...pluginNext.configs["core-web-vitals"].rules,
+		},
+	},
+	{
+		plugins: {
+			"react-hooks": pluginReactHooks,
+		},
+		settings: { react: { version: "detect" } },
+		rules: {
+			...pluginReactHooks.configs.recommended.rules,
+			// React scope no longer necessary with new JSX transform.
+			"react/react-in-jsx-scope": "off",
+		},
+	},
 ];
diff --git a/packages/eslint-config/package.json b/packages/eslint-config/package.json
index 71920186..43b69768 100644
--- a/packages/eslint-config/package.json
+++ b/packages/eslint-config/package.json
@@ -1,24 +1,24 @@
 {
-  "name": "@repo/eslint-config",
-  "version": "0.0.0",
-  "type": "module",
-  "private": true,
-  "exports": {
-    "./base": "./base.js",
-    "./next-js": "./next.js",
-    "./react-internal": "./react-internal.js"
-  },
-  "devDependencies": {
-    "@eslint/js": "^9.22.0",
-    "@next/eslint-plugin-next": "^15.2.1",
-    "eslint": "^9.22.0",
-    "eslint-config-prettier": "^10.1.1",
-    "eslint-plugin-only-warn": "^1.1.0",
-    "eslint-plugin-react": "^7.37.4",
-    "eslint-plugin-react-hooks": "^5.2.0",
-    "eslint-plugin-turbo": "^2.4.4",
-    "globals": "^16.0.0",
-    "typescript": "^5.8.2",
-    "typescript-eslint": "^8.26.0"
-  }
+	"name": "@repo/eslint-config",
+	"version": "0.0.0",
+	"type": "module",
+	"private": true,
+	"exports": {
+		"./base": "./base.js",
+		"./next-js": "./next.js",
+		"./react-internal": "./react-internal.js"
+	},
+	"devDependencies": {
+		"@eslint/js": "^9.22.0",
+		"@next/eslint-plugin-next": "^15.2.1",
+		"eslint": "^9.22.0",
+		"eslint-config-prettier": "^10.1.1",
+		"eslint-plugin-only-warn": "^1.1.0",
+		"eslint-plugin-react": "^7.37.4",
+		"eslint-plugin-react-hooks": "^5.2.0",
+		"eslint-plugin-turbo": "^2.4.4",
+		"globals": "^16.0.0",
+		"typescript": "^5.8.2",
+		"typescript-eslint": "^8.26.0"
+	}
 }
diff --git a/packages/eslint-config/react-internal.js b/packages/eslint-config/react-internal.js
index daeccba2..c8124dea 100644
--- a/packages/eslint-config/react-internal.js
+++ b/packages/eslint-config/react-internal.js
@@ -11,29 +11,29 @@ import { config as baseConfig } from "./base.js";
  *
  * @type {import("eslint").Linter.Config[]} */
 export const config = [
-  ...baseConfig,
-  js.configs.recommended,
-  eslintConfigPrettier,
-  ...tseslint.configs.recommended,
-  pluginReact.configs.flat.recommended,
-  {
-    languageOptions: {
-      ...pluginReact.configs.flat.recommended.languageOptions,
-      globals: {
-        ...globals.serviceworker,
-        ...globals.browser,
-      },
-    },
-  },
-  {
-    plugins: {
-      "react-hooks": pluginReactHooks,
-    },
-    settings: { react: { version: "detect" } },
-    rules: {
-      ...pluginReactHooks.configs.recommended.rules,
-      // React scope no longer necessary with new JSX transform.
-      "react/react-in-jsx-scope": "off",
-    },
-  },
+	...baseConfig,
+	js.configs.recommended,
+	eslintConfigPrettier,
+	...tseslint.configs.recommended,
+	pluginReact.configs.flat.recommended,
+	{
+		languageOptions: {
+			...pluginReact.configs.flat.recommended.languageOptions,
+			globals: {
+				...globals.serviceworker,
+				...globals.browser,
+			},
+		},
+	},
+	{
+		plugins: {
+			"react-hooks": pluginReactHooks,
+		},
+		settings: { react: { version: "detect" } },
+		rules: {
+			...pluginReactHooks.configs.recommended.rules,
+			// React scope no longer necessary with new JSX transform.
+			"react/react-in-jsx-scope": "off",
+		},
+	},
 ];
diff --git a/packages/typescript-config/base.json b/packages/typescript-config/base.json
index 5117f2a3..0756a8cd 100644
--- a/packages/typescript-config/base.json
+++ b/packages/typescript-config/base.json
@@ -1,19 +1,19 @@
 {
-  "$schema": "https://json.schemastore.org/tsconfig",
-  "compilerOptions": {
-    "declaration": true,
-    "declarationMap": true,
-    "esModuleInterop": true,
-    "incremental": false,
-    "isolatedModules": true,
-    "lib": ["es2022", "DOM", "DOM.Iterable"],
-    "module": "NodeNext",
-    "moduleDetection": "force",
-    "moduleResolution": "NodeNext",
-    "noUncheckedIndexedAccess": true,
-    "resolveJsonModule": true,
-    "skipLibCheck": true,
-    "strict": true,
-    "target": "ES2022"
-  }
+	"$schema": "https://json.schemastore.org/tsconfig",
+	"compilerOptions": {
+		"declaration": true,
+		"declarationMap": true,
+		"esModuleInterop": true,
+		"incremental": false,
+		"isolatedModules": true,
+		"lib": ["es2022", "DOM", "DOM.Iterable"],
+		"module": "NodeNext",
+		"moduleDetection": "force",
+		"moduleResolution": "NodeNext",
+		"noUncheckedIndexedAccess": true,
+		"resolveJsonModule": true,
+		"skipLibCheck": true,
+		"strict": true,
+		"target": "ES2022"
+	}
 }
diff --git a/packages/typescript-config/nextjs.json b/packages/typescript-config/nextjs.json
index e6defa48..20317a2a 100644
--- a/packages/typescript-config/nextjs.json
+++ b/packages/typescript-config/nextjs.json
@@ -1,12 +1,12 @@
 {
-  "$schema": "https://json.schemastore.org/tsconfig",
-  "extends": "./base.json",
-  "compilerOptions": {
-    "plugins": [{ "name": "next" }],
-    "module": "ESNext",
-    "moduleResolution": "Bundler",
-    "allowJs": true,
-    "jsx": "preserve",
-    "noEmit": true
-  }
+	"$schema": "https://json.schemastore.org/tsconfig",
+	"extends": "./base.json",
+	"compilerOptions": {
+		"plugins": [{ "name": "next" }],
+		"module": "ESNext",
+		"moduleResolution": "Bundler",
+		"allowJs": true,
+		"jsx": "preserve",
+		"noEmit": true
+	}
 }
diff --git a/packages/typescript-config/package.json b/packages/typescript-config/package.json
index 27c0e604..a9d4b226 100644
--- a/packages/typescript-config/package.json
+++ b/packages/typescript-config/package.json
@@ -1,9 +1,9 @@
 {
-  "name": "@repo/typescript-config",
-  "version": "0.0.0",
-  "private": true,
-  "license": "MIT",
-  "publishConfig": {
-    "access": "public"
-  }
+	"name": "@repo/typescript-config",
+	"version": "0.0.0",
+	"private": true,
+	"license": "MIT",
+	"publishConfig": {
+		"access": "public"
+	}
 }
diff --git a/packages/typescript-config/react-library.json b/packages/typescript-config/react-library.json
index c3a1b26f..44957d69 100644
--- a/packages/typescript-config/react-library.json
+++ b/packages/typescript-config/react-library.json
@@ -1,7 +1,7 @@
 {
-  "$schema": "https://json.schemastore.org/tsconfig",
-  "extends": "./base.json",
-  "compilerOptions": {
-    "jsx": "react-jsx"
-  }
+	"$schema": "https://json.schemastore.org/tsconfig",
+	"extends": "./base.json",
+	"compilerOptions": {
+		"jsx": "react-jsx"
+	}
 }
diff --git a/services/ontology/package.json b/services/ontology/package.json
index 0ac4facc..69e44787 100644
--- a/services/ontology/package.json
+++ b/services/ontology/package.json
@@ -1,12 +1,12 @@
 {
-  "name": "ontology",
-  "version": "1.0.0",
-  "description": "",
-  "main": "index.js",
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
-  },
-  "keywords": [],
-  "author": "",
-  "license": "ISC"
+	"name": "ontology",
+	"version": "1.0.0",
+	"description": "",
+	"main": "index.js",
+	"scripts": {
+		"test": "echo \"Error: no test specified\" && exit 1"
+	},
+	"keywords": [],
+	"author": "",
+	"license": "ISC"
 }
diff --git a/services/web3-adapter/package.json b/services/web3-adapter/package.json
index d5d9475b..b65da165 100644
--- a/services/web3-adapter/package.json
+++ b/services/web3-adapter/package.json
@@ -1,12 +1,12 @@
 {
-  "name": "web3-adapter",
-  "version": "1.0.0",
-  "description": "",
-  "main": "index.js",
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
-  },
-  "keywords": [],
-  "author": "",
-  "license": "ISC"
+	"name": "web3-adapter",
+	"version": "1.0.0",
+	"description": "",
+	"main": "index.js",
+	"scripts": {
+		"test": "echo \"Error: no test specified\" && exit 1"
+	},
+	"keywords": [],
+	"author": "",
+	"license": "ISC"
 }
diff --git a/turbo.json b/turbo.json
index ae2a7258..4a2136d1 100644
--- a/turbo.json
+++ b/turbo.json
@@ -1,33 +1,33 @@
 {
-  "$schema": "https://turbo.build/schema.json",
-  "ui": "tui",
-  "tasks": {
-    "build": {
-      "dependsOn": ["^build"],
-      "inputs": ["$TURBO_DEFAULT$", ".env*"],
-      "outputs": [".next/**", "!.next/cache/**"]
-    },
-    "lint": {
-      "dependsOn": ["^lint"]
-    },
-    "check-lint": {
-      "dependsOn": ["^check-lint"]
-    },
-    "check-types": {
-      "dependsOn": ["^check-types"]
-    },
-    "check": {
-      "dependsOn": ["^check"]
-    },
-    "format": {
-      "dependsOn": ["^format"]
-    },
-    "check-format": {
-      "dependsOn": ["^check-format"]
-    },
-    "dev": {
-      "cache": false,
-      "persistent": true
-    }
-  }
+	"$schema": "https://turbo.build/schema.json",
+	"ui": "tui",
+	"tasks": {
+		"build": {
+			"dependsOn": ["^build"],
+			"inputs": ["$TURBO_DEFAULT$", ".env*"],
+			"outputs": [".next/**", "!.next/cache/**"]
+		},
+		"lint": {
+			"dependsOn": ["^lint"]
+		},
+		"check-lint": {
+			"dependsOn": ["^check-lint"]
+		},
+		"check-types": {
+			"dependsOn": ["^check-types"]
+		},
+		"check": {
+			"dependsOn": ["^check"]
+		},
+		"format": {
+			"dependsOn": ["^format"]
+		},
+		"check-format": {
+			"dependsOn": ["^check-format"]
+		},
+		"dev": {
+			"cache": false,
+			"persistent": true
+		}
+	}
 }

From 6c6ffbf1ecec5976438d8b5ff033dcc2d8a41653 Mon Sep 17 00:00:00 2001
From: JulienAuvo <julien@auvo.io>
Date: Wed, 26 Mar 2025 16:16:48 +0300
Subject: [PATCH 07/16] fix: Check Code / lint

---
 .../src/lib/ui/Button/ButtonAction.svelte     | 179 +++++++++---------
 .../ui/Drawer/Drawer.stories.snippet.svelte   |   4 +-
 .../src/lib/ui/Drawer/Drawer.stories.ts       |  26 +--
 .../src/lib/ui/Drawer/Drawer.svelte           | 174 ++++++++---------
 .../src/lib/ui/Selector/Selector.stories.ts   |  68 +++----
 .../eid-wallet/src/lib/utils/mergeClasses.ts  |   4 +-
 6 files changed, 229 insertions(+), 226 deletions(-)

diff --git a/infrastructure/eid-wallet/src/lib/ui/Button/ButtonAction.svelte b/infrastructure/eid-wallet/src/lib/ui/Button/ButtonAction.svelte
index 6cd2bf12..e716d84c 100644
--- a/infrastructure/eid-wallet/src/lib/ui/Button/ButtonAction.svelte
+++ b/infrastructure/eid-wallet/src/lib/ui/Button/ButtonAction.svelte
@@ -1,106 +1,109 @@
 <script lang="ts">
-import { cn } from "$lib/utils";
-import type { HTMLButtonAttributes } from "svelte/elements";
+    import { cn } from "$lib/utils";
+    import type { HTMLButtonAttributes } from "svelte/elements";
 
-interface IButtonProps extends HTMLButtonAttributes {
-	variant?: "solid" | "soft" | "danger" | "danger-soft" | "white";
-	isLoading?: boolean;
-	callback?: () => Promise<void>;
-	blockingClick?: boolean;
-	type?: "button" | "submit" | "reset";
-	size?: "sm" | "md";
-}
+    interface IButtonProps extends HTMLButtonAttributes {
+        variant?: "solid" | "soft" | "danger" | "danger-soft" | "white";
+        isLoading?: boolean;
+        callback?: () => Promise<void>;
+        blockingClick?: boolean;
+        type?: "button" | "submit" | "reset";
+        size?: "sm" | "md";
+    }
 
-let {
-	variant = "solid",
-	isLoading,
-	callback,
-	blockingClick,
-	type = "button",
-	size = "md",
-	children = undefined,
-	...restProps
-}: IButtonProps = $props();
+    let {
+        variant = "solid",
+        isLoading,
+        callback,
+        blockingClick,
+        type = "button",
+        size = "md",
+        children = undefined,
+        ...restProps
+    }: IButtonProps = $props();
 
-let isSubmitting = $state(false);
-let disabled = $derived(restProps.disabled || isLoading || isSubmitting);
+    let isSubmitting = $state(false);
+    let disabled = $derived(restProps.disabled || isLoading || isSubmitting);
 
-const handleClick = async () => {
-	if (typeof callback !== "function") return;
+    const handleClick = async () => {
+        if (typeof callback !== "function") return;
 
-	if (blockingClick) isSubmitting = true;
-	try {
-		await callback();
-	} catch (error) {
-		console.error("Error in button callback:", error);
-	} finally {
-		isSubmitting = false;
-	}
-};
+        if (blockingClick) isSubmitting = true;
+        try {
+            await callback();
+        } catch (error) {
+            console.error("Error in button callback:", error);
+        } finally {
+            isSubmitting = false;
+        }
+    };
 
-const variantClasses = {
-	solid: { background: "bg-primary-500", text: "text-white" },
-	soft: { background: "bg-primary-100", text: "text-primary-500" },
-	danger: { background: "bg-danger-500", text: "text-white" },
-	"danger-soft": { background: "bg-danger-100", text: "text-danger-500" },
-	white: { background: "bg-white", text: "text-black" },
-};
+    const variantClasses = {
+        solid: { background: "bg-primary-500", text: "text-white" },
+        soft: { background: "bg-primary-100", text: "text-primary-500" },
+        danger: { background: "bg-danger-500", text: "text-white" },
+        "danger-soft": { background: "bg-danger-100", text: "text-danger-500" },
+        white: { background: "bg-white", text: "text-black" },
+    };
 
-const disabledVariantClasses = {
-	solid: { background: "bg-primary-300", text: "text-white" },
-	soft: { background: "bg-primary-100", text: "text-primary-300" },
-	danger: { background: "bg-danger-400", text: "text-white" },
-	"danger-soft": { background: "bg-danger-100", text: "text-danger-400" },
-	white: { background: "bg-black-100", text: "text-black-700" },
-};
+    const disabledVariantClasses = {
+        solid: { background: "bg-primary-300", text: "text-white" },
+        soft: { background: "bg-primary-100", text: "text-primary-300" },
+        danger: { background: "bg-danger-400", text: "text-white" },
+        "danger-soft": { background: "bg-danger-100", text: "text-danger-400" },
+        white: { background: "bg-black-100", text: "text-black-700" },
+    };
 
-const sizeVariant = {
-	sm: "px-4 py-1.5 text-base h-11",
-	md: "px-8 py-2.5 text-xl h-14",
-};
+    const sizeVariant = {
+        sm: "px-4 py-1.5 text-base h-11",
+        md: "px-8 py-2.5 text-xl h-14",
+    };
 
-let classes = $derived({
-	common: cn(
-		"cursor-pointer w-min flex items-center justify-center rounded-full font-semibold duration-100",
-		sizeVariant[size],
-	),
-	background: disabled
-		? disabledVariantClasses[variant].background ||
-			variantClasses[variant].background
-		: variantClasses[variant].background,
-	text: disabled
-		? disabledVariantClasses[variant].text || variantClasses[variant].text
-		: variantClasses[variant].text,
-	disabled: "cursor-not-allowed",
-});
+    let classes = $derived({
+        common: cn(
+            "cursor-pointer w-min flex items-center justify-center rounded-full font-semibold duration-100",
+            sizeVariant[size]
+        ),
+        background: disabled
+            ? disabledVariantClasses[variant].background ||
+              variantClasses[variant].background
+            : variantClasses[variant].background,
+        text: disabled
+            ? disabledVariantClasses[variant].text ||
+              variantClasses[variant].text
+            : variantClasses[variant].text,
+        disabled: "cursor-not-allowed",
+    });
 </script>
 
 <button
-  {...restProps}
-  class={cn(
-    [
-      classes.common,
-      classes.background,
-      classes.text,
-      disabled && classes.disabled,
-      restProps.class,
-    ].join(' ')
-  )}
-  {disabled}
-  onclick={handleClick}
-  {type}
+    {...restProps}
+    class={cn(
+        [
+            classes.common,
+            classes.background,
+            classes.text,
+            disabled && classes.disabled,
+            restProps.class,
+        ].join(" ")
+    )}
+    {disabled}
+    onclick={handleClick}
+    {type}
 >
-  <div class="relative flex items-center justify-center">
-    <div
-      class="flex items-center justify-center duration-100"
-      class:blur-xs={isLoading || isSubmitting}
-    >
-      {@render children?.()}
+    <div class="relative flex items-center justify-center">
+        <div
+            class="flex items-center justify-center duration-100"
+            class:blur-xs={isLoading || isSubmitting}
+        >
+            {@render children?.()}
+        </div>
+        {#if isLoading || isSubmitting}
+            <div
+                class="loading loading-spinner absolute loading-xl text-white"
+            ></div>
+        {/if}
     </div>
-    {#if isLoading || isSubmitting}
-      <div class="loading loading-spinner absolute loading-xl text-white"></div>
-    {/if}
-  </div>
 </button>
 
 <!-- 
diff --git a/infrastructure/eid-wallet/src/lib/ui/Drawer/Drawer.stories.snippet.svelte b/infrastructure/eid-wallet/src/lib/ui/Drawer/Drawer.stories.snippet.svelte
index eabc0af6..d37efcda 100644
--- a/infrastructure/eid-wallet/src/lib/ui/Drawer/Drawer.stories.snippet.svelte
+++ b/infrastructure/eid-wallet/src/lib/ui/Drawer/Drawer.stories.snippet.svelte
@@ -1,7 +1,7 @@
 <script context="module">
-export { InnerContent };
+    export { InnerContent };
 </script>
 
 {#snippet InnerContent()}
-	<p class="text-lg text-black">Inner Content of the Drawer</p>
+    <p class="text-lg text-black">Inner Content of the Drawer</p>
 {/snippet}
diff --git a/infrastructure/eid-wallet/src/lib/ui/Drawer/Drawer.stories.ts b/infrastructure/eid-wallet/src/lib/ui/Drawer/Drawer.stories.ts
index b815774b..0e61faf5 100644
--- a/infrastructure/eid-wallet/src/lib/ui/Drawer/Drawer.stories.ts
+++ b/infrastructure/eid-wallet/src/lib/ui/Drawer/Drawer.stories.ts
@@ -1,20 +1,20 @@
-import Drawer from "./Drawer.svelte";
-import { InnerContent } from "./Drawer.stories.snippet.svelte";
 import type { Snippet } from "svelte";
+import { InnerContent } from "./Drawer.stories.snippet.svelte";
+import Drawer from "./Drawer.svelte";
 
 export default {
-	title: "UI/Drawer",
-	component: Drawer,
-	tags: ["autodocs"],
-	render: (args: { isPaneOpen: boolean; children: Snippet }) => ({
-		Component: Drawer,
-		props: args,
-	}),
+    title: "UI/Drawer",
+    component: Drawer,
+    tags: ["autodocs"],
+    render: (args: { isPaneOpen: boolean; children: Snippet }) => ({
+        Component: Drawer,
+        props: args,
+    }),
 };
 
 export const Default = {
-	args: {
-		isPaneOpen: true,
-		children: InnerContent,
-	},
+    args: {
+        isPaneOpen: true,
+        children: InnerContent,
+    },
 };
diff --git a/infrastructure/eid-wallet/src/lib/ui/Drawer/Drawer.svelte b/infrastructure/eid-wallet/src/lib/ui/Drawer/Drawer.svelte
index dce92a9b..112e71fe 100644
--- a/infrastructure/eid-wallet/src/lib/ui/Drawer/Drawer.svelte
+++ b/infrastructure/eid-wallet/src/lib/ui/Drawer/Drawer.svelte
@@ -1,105 +1,105 @@
 <script lang="ts">
-import { CupertinoPane } from "cupertino-pane";
-import { type Snippet } from "svelte";
-import type { HTMLAttributes } from "svelte/elements";
-import { swipe } from "svelte-gestures";
-import { clickOutside, cn } from "$lib/utils";
+    import { clickOutside, cn } from "$lib/utils";
+    import { CupertinoPane } from "cupertino-pane";
+    import { type Snippet } from "svelte";
+    import { swipe } from "svelte-gestures";
+    import type { HTMLAttributes } from "svelte/elements";
 
-interface IDrawerProps extends HTMLAttributes<HTMLDivElement> {
-	isPaneOpen?: boolean;
-	isCancelRequired?: boolean;
-	children?: Snippet;
-	handleSwipe?: (isOpen: boolean | undefined) => void;
-}
+    interface IDrawerProps extends HTMLAttributes<HTMLDivElement> {
+        isPaneOpen?: boolean;
+        isCancelRequired?: boolean;
+        children?: Snippet;
+        handleSwipe?: (isOpen: boolean | undefined) => void;
+    }
 
-let drawerElem: HTMLDivElement;
-let pane: CupertinoPane;
+    let drawerElem: HTMLDivElement;
+    let pane: CupertinoPane;
 
-let {
-	isPaneOpen = $bindable(),
-	isCancelRequired = false,
-	children = undefined,
-	handleSwipe,
-	...restProps
-}: IDrawerProps = $props();
+    let {
+        isPaneOpen = $bindable(),
+        isCancelRequired = false,
+        children = undefined,
+        handleSwipe,
+        ...restProps
+    }: IDrawerProps = $props();
 
-const handleClickOutside = () => {
-	pane?.destroy({ animate: true });
-	isPaneOpen = false;
-};
+    const handleClickOutside = () => {
+        pane?.destroy({ animate: true });
+        isPaneOpen = false;
+    };
 
-$effect(() => {
-	if (!drawerElem) return;
-	pane = new CupertinoPane(drawerElem, {
-		fitHeight: true,
-		backdrop: true,
-		backdropOpacity: 0.5,
-		backdropBlur: true,
-		bottomClose: true,
-		buttonDestroy: isCancelRequired,
-		showDraggable: true,
-		upperThanTop: true,
-		breaks: {
-			bottom: { enabled: true, height: 250 },
-		},
-		initialBreak: "bottom",
-	});
+    $effect(() => {
+        if (!drawerElem) return;
+        pane = new CupertinoPane(drawerElem, {
+            fitHeight: true,
+            backdrop: true,
+            backdropOpacity: 0.5,
+            backdropBlur: true,
+            bottomClose: true,
+            buttonDestroy: isCancelRequired,
+            showDraggable: true,
+            upperThanTop: true,
+            breaks: {
+                bottom: { enabled: true, height: 250 },
+            },
+            initialBreak: "bottom",
+        });
 
-	if (isPaneOpen) {
-		pane.present({ animate: true });
-	} else {
-		pane.destroy({ animate: true });
-	}
+        if (isPaneOpen) {
+            pane.present({ animate: true });
+        } else {
+            pane.destroy({ animate: true });
+        }
 
-	return () => pane.destroy();
-});
+        return () => pane.destroy();
+    });
 
-$effect(() => {
-	if (isPaneOpen) {
-		pane.present({ animate: true });
-	} else {
-		pane.destroy({ animate: true });
-	}
-	drawerElem.addEventListener("click_outside", () => {
-		handleClickOutside();
-	});
-});
+    $effect(() => {
+        if (isPaneOpen) {
+            pane.present({ animate: true });
+        } else {
+            pane.destroy({ animate: true });
+        }
+        drawerElem.addEventListener("click_outside", () => {
+            handleClickOutside();
+        });
+    });
 </script>
 
 <div
-  {...restProps}
-  use:swipe={() => ({
-    timeframe: 300,
-    minSwipeDistance: 60,
-  })}
-  onswipe={() => handleSwipe?.(isPaneOpen)}
-  bind:this={drawerElem}
-  use:clickOutside
-  class={cn(restProps.class)}
+    {...restProps}
+    use:swipe={() => ({
+        timeframe: 300,
+        minSwipeDistance: 60,
+    })}
+    onswipe={() => handleSwipe?.(isPaneOpen)}
+    bind:this={drawerElem}
+    use:clickOutside
+    class={cn(restProps.class)}
 >
-  <div class="px-6">
-    {@render children?.()}
-  </div>
+    <div class="px-6">
+        {@render children?.()}
+    </div>
 </div>
 
 <style>
-  :global(.pane) {
-    width: 95% !important;
-    max-height: 600px !important;
-    min-height: 250px !important;
-    height: auto !important;
-    position: fixed !important;
-    bottom: 30px !important;
-    left: 50% !important;
-    transform: translateX(-50%) !important;
-    border-radius: 32px !important;
-    padding-block-start: 50px !important;
-    padding-block-end: 20px !important;
-    background-color: var(--color-white) !important;
-    overflow: hidden !important; /* Prevents content overflow */
-  }
+    :global(.pane) {
+        width: 95% !important;
+        max-height: 600px !important;
+        min-height: 250px !important;
+        height: auto !important;
+        position: fixed !important;
+        bottom: 30px !important;
+        left: 50% !important;
+        transform: translateX(-50%) !important;
+        border-radius: 32px !important;
+        padding-block-start: 50px !important;
+        padding-block-end: 20px !important;
+        background-color: var(--color-white) !important;
+        overflow: hidden !important; /* Prevents content overflow */
+    }
 
-  :global(.move) {
-    margin-block: 6px !important;
-  }
+    :global(.move) {
+        margin-block: 6px !important;
+    }
 </style>
diff --git a/infrastructure/eid-wallet/src/lib/ui/Selector/Selector.stories.ts b/infrastructure/eid-wallet/src/lib/ui/Selector/Selector.stories.ts
index e0be59b3..3274f2ea 100644
--- a/infrastructure/eid-wallet/src/lib/ui/Selector/Selector.stories.ts
+++ b/infrastructure/eid-wallet/src/lib/ui/Selector/Selector.stories.ts
@@ -1,46 +1,46 @@
+import type { ComponentProps } from "svelte";
 import Selector from "./Selector.svelte";
 import {
-	BasicContent,
-	WithIconContent,
+    BasicContent,
+    WithIconContent,
 } from "./Selector.stories.snippet.svelte";
-import type { ComponentProps } from "svelte";
 
 export default {
-	title: "UI/Selector",
-	component: Selector,
-	tags: ["autodocs"],
-	render: (args: {
-		Component: Selector;
-		props: ComponentProps<typeof Selector>;
-	}) => ({
-		Component: Selector,
-		props: args,
-	}),
+    title: "UI/Selector",
+    component: Selector,
+    tags: ["autodocs"],
+    render: (args: {
+        Component: Selector;
+        props: ComponentProps<typeof Selector>;
+    }) => ({
+        Component: Selector,
+        props: args,
+    }),
 };
 
 export const WithIcon = {
-	render: () => ({
-		Component: Selector,
-		props: {
-			id: "option-1",
-			name: "lang",
-			value: "option-1",
-			selected: "option-1",
-			icon: WithIconContent,
-			children: BasicContent,
-		},
-	}),
+    render: () => ({
+        Component: Selector,
+        props: {
+            id: "option-1",
+            name: "lang",
+            value: "option-1",
+            selected: "option-1",
+            icon: WithIconContent,
+            children: BasicContent,
+        },
+    }),
 };
 
 export const WithoutIcon = {
-	render: () => ({
-		Component: Selector,
-		props: {
-			id: "option-1",
-			name: "lang",
-			value: "option-1",
-			selected: "option-1",
-			children: BasicContent,
-		},
-	}),
+    render: () => ({
+        Component: Selector,
+        props: {
+            id: "option-1",
+            name: "lang",
+            value: "option-1",
+            selected: "option-1",
+            children: BasicContent,
+        },
+    }),
 };
diff --git a/infrastructure/eid-wallet/src/lib/utils/mergeClasses.ts b/infrastructure/eid-wallet/src/lib/utils/mergeClasses.ts
index 3200be28..e6447944 100644
--- a/infrastructure/eid-wallet/src/lib/utils/mergeClasses.ts
+++ b/infrastructure/eid-wallet/src/lib/utils/mergeClasses.ts
@@ -1,6 +1,6 @@
-import { clsx, type ClassValue } from "clsx";
+import { type ClassValue, clsx } from "clsx";
 import { twMerge } from "tailwind-merge";
 
 export function cn(...inputs: ClassValue[]) {
-	return twMerge(clsx(inputs));
+    return twMerge(clsx(inputs));
 }

From bc01c2c083356b06fdc37caa5183eec7b866caf4 Mon Sep 17 00:00:00 2001
From: JulienAuvo <julien@auvo.io>
Date: Wed, 26 Mar 2025 16:18:57 +0300
Subject: [PATCH 08/16] fix: Check Format / lint

---
 .../src/lib/ui/Button/ButtonAction.svelte     | 131 +++++++++---------
 .../ui/Drawer/Drawer.stories.snippet.svelte   |   2 +-
 .../src/lib/ui/Drawer/Drawer.stories.ts       |  22 +--
 .../src/lib/ui/Drawer/Drawer.svelte           | 114 +++++++--------
 .../src/lib/ui/Selector/Selector.stories.ts   |  66 ++++-----
 .../eid-wallet/src/lib/utils/mergeClasses.ts  |   2 +-
 6 files changed, 168 insertions(+), 169 deletions(-)

diff --git a/infrastructure/eid-wallet/src/lib/ui/Button/ButtonAction.svelte b/infrastructure/eid-wallet/src/lib/ui/Button/ButtonAction.svelte
index e716d84c..499a70c7 100644
--- a/infrastructure/eid-wallet/src/lib/ui/Button/ButtonAction.svelte
+++ b/infrastructure/eid-wallet/src/lib/ui/Button/ButtonAction.svelte
@@ -1,79 +1,78 @@
 <script lang="ts">
-    import { cn } from "$lib/utils";
-    import type { HTMLButtonAttributes } from "svelte/elements";
+import { cn } from "$lib/utils";
+import type { HTMLButtonAttributes } from "svelte/elements";
 
-    interface IButtonProps extends HTMLButtonAttributes {
-        variant?: "solid" | "soft" | "danger" | "danger-soft" | "white";
-        isLoading?: boolean;
-        callback?: () => Promise<void>;
-        blockingClick?: boolean;
-        type?: "button" | "submit" | "reset";
-        size?: "sm" | "md";
-    }
+interface IButtonProps extends HTMLButtonAttributes {
+	variant?: "solid" | "soft" | "danger" | "danger-soft" | "white";
+	isLoading?: boolean;
+	callback?: () => Promise<void>;
+	blockingClick?: boolean;
+	type?: "button" | "submit" | "reset";
+	size?: "sm" | "md";
+}
 
-    let {
-        variant = "solid",
-        isLoading,
-        callback,
-        blockingClick,
-        type = "button",
-        size = "md",
-        children = undefined,
-        ...restProps
-    }: IButtonProps = $props();
+let {
+	variant = "solid",
+	isLoading,
+	callback,
+	blockingClick,
+	type = "button",
+	size = "md",
+	children = undefined,
+	...restProps
+}: IButtonProps = $props();
 
-    let isSubmitting = $state(false);
-    let disabled = $derived(restProps.disabled || isLoading || isSubmitting);
+let isSubmitting = $state(false);
+let disabled = $derived(restProps.disabled || isLoading || isSubmitting);
 
-    const handleClick = async () => {
-        if (typeof callback !== "function") return;
+const handleClick = async () => {
+	if (typeof callback !== "function") return;
 
-        if (blockingClick) isSubmitting = true;
-        try {
-            await callback();
-        } catch (error) {
-            console.error("Error in button callback:", error);
-        } finally {
-            isSubmitting = false;
-        }
-    };
+	if (blockingClick) isSubmitting = true;
+	try {
+		await callback();
+	} catch (error) {
+		console.error("Error in button callback:", error);
+	} finally {
+		isSubmitting = false;
+	}
+};
 
-    const variantClasses = {
-        solid: { background: "bg-primary-500", text: "text-white" },
-        soft: { background: "bg-primary-100", text: "text-primary-500" },
-        danger: { background: "bg-danger-500", text: "text-white" },
-        "danger-soft": { background: "bg-danger-100", text: "text-danger-500" },
-        white: { background: "bg-white", text: "text-black" },
-    };
+const variantClasses = {
+	solid: { background: "bg-primary-500", text: "text-white" },
+	soft: { background: "bg-primary-100", text: "text-primary-500" },
+	danger: { background: "bg-danger-500", text: "text-white" },
+	"danger-soft": { background: "bg-danger-100", text: "text-danger-500" },
+	white: { background: "bg-white", text: "text-black" },
+};
 
-    const disabledVariantClasses = {
-        solid: { background: "bg-primary-300", text: "text-white" },
-        soft: { background: "bg-primary-100", text: "text-primary-300" },
-        danger: { background: "bg-danger-400", text: "text-white" },
-        "danger-soft": { background: "bg-danger-100", text: "text-danger-400" },
-        white: { background: "bg-black-100", text: "text-black-700" },
-    };
+const disabledVariantClasses = {
+	solid: { background: "bg-primary-300", text: "text-white" },
+	soft: { background: "bg-primary-100", text: "text-primary-300" },
+	danger: { background: "bg-danger-400", text: "text-white" },
+	"danger-soft": { background: "bg-danger-100", text: "text-danger-400" },
+	white: { background: "bg-black-100", text: "text-black-700" },
+};
 
-    const sizeVariant = {
-        sm: "px-4 py-1.5 text-base h-11",
-        md: "px-8 py-2.5 text-xl h-14",
-    };
+const sizeVariant = {
+	sm: "px-4 py-1.5 text-base h-11",
+	md: "px-8 py-2.5 text-xl h-14",
+};
 
-    let classes = $derived({
-        common: cn(
-            "cursor-pointer w-min flex items-center justify-center rounded-full font-semibold duration-100",
-            sizeVariant[size]
-        ),
-        background: disabled
-            ? disabledVariantClasses[variant].background ||
-              variantClasses[variant].background
-            : variantClasses[variant].background,
-        text: disabled
-            ? disabledVariantClasses[variant].text ||
-              variantClasses[variant].text
-            : variantClasses[variant].text,
-        disabled: "cursor-not-allowed",
-    });
+let classes = $derived({
+	common: cn(
+		"cursor-pointer w-min flex items-center justify-center rounded-full font-semibold duration-100",
+		sizeVariant[size],
+	),
+	background: disabled
+		? disabledVariantClasses[variant].background ||
+			variantClasses[variant].background
+		: variantClasses[variant].background,
+	text: disabled
+		? disabledVariantClasses[variant].text || variantClasses[variant].text
+		: variantClasses[variant].text,
+	disabled: "cursor-not-allowed",
+});
 </script>
 
 <button
diff --git a/infrastructure/eid-wallet/src/lib/ui/Drawer/Drawer.stories.snippet.svelte b/infrastructure/eid-wallet/src/lib/ui/Drawer/Drawer.stories.snippet.svelte
index d37efcda..cdc643b0 100644
--- a/infrastructure/eid-wallet/src/lib/ui/Drawer/Drawer.stories.snippet.svelte
+++ b/infrastructure/eid-wallet/src/lib/ui/Drawer/Drawer.stories.snippet.svelte
@@ -1,5 +1,5 @@
 <script context="module">
-    export { InnerContent };
+export { InnerContent };
 </script>
 
 {#snippet InnerContent()}
diff --git a/infrastructure/eid-wallet/src/lib/ui/Drawer/Drawer.stories.ts b/infrastructure/eid-wallet/src/lib/ui/Drawer/Drawer.stories.ts
index 0e61faf5..75606248 100644
--- a/infrastructure/eid-wallet/src/lib/ui/Drawer/Drawer.stories.ts
+++ b/infrastructure/eid-wallet/src/lib/ui/Drawer/Drawer.stories.ts
@@ -3,18 +3,18 @@ import { InnerContent } from "./Drawer.stories.snippet.svelte";
 import Drawer from "./Drawer.svelte";
 
 export default {
-    title: "UI/Drawer",
-    component: Drawer,
-    tags: ["autodocs"],
-    render: (args: { isPaneOpen: boolean; children: Snippet }) => ({
-        Component: Drawer,
-        props: args,
-    }),
+	title: "UI/Drawer",
+	component: Drawer,
+	tags: ["autodocs"],
+	render: (args: { isPaneOpen: boolean; children: Snippet }) => ({
+		Component: Drawer,
+		props: args,
+	}),
 };
 
 export const Default = {
-    args: {
-        isPaneOpen: true,
-        children: InnerContent,
-    },
+	args: {
+		isPaneOpen: true,
+		children: InnerContent,
+	},
 };
diff --git a/infrastructure/eid-wallet/src/lib/ui/Drawer/Drawer.svelte b/infrastructure/eid-wallet/src/lib/ui/Drawer/Drawer.svelte
index 112e71fe..e804ff30 100644
--- a/infrastructure/eid-wallet/src/lib/ui/Drawer/Drawer.svelte
+++ b/infrastructure/eid-wallet/src/lib/ui/Drawer/Drawer.svelte
@@ -1,69 +1,69 @@
 <script lang="ts">
-    import { clickOutside, cn } from "$lib/utils";
-    import { CupertinoPane } from "cupertino-pane";
-    import { type Snippet } from "svelte";
-    import { swipe } from "svelte-gestures";
-    import type { HTMLAttributes } from "svelte/elements";
+import { clickOutside, cn } from "$lib/utils";
+import { CupertinoPane } from "cupertino-pane";
+import { type Snippet } from "svelte";
+import { swipe } from "svelte-gestures";
+import type { HTMLAttributes } from "svelte/elements";
 
-    interface IDrawerProps extends HTMLAttributes<HTMLDivElement> {
-        isPaneOpen?: boolean;
-        isCancelRequired?: boolean;
-        children?: Snippet;
-        handleSwipe?: (isOpen: boolean | undefined) => void;
-    }
+interface IDrawerProps extends HTMLAttributes<HTMLDivElement> {
+	isPaneOpen?: boolean;
+	isCancelRequired?: boolean;
+	children?: Snippet;
+	handleSwipe?: (isOpen: boolean | undefined) => void;
+}
 
-    let drawerElem: HTMLDivElement;
-    let pane: CupertinoPane;
+let drawerElem: HTMLDivElement;
+let pane: CupertinoPane;
 
-    let {
-        isPaneOpen = $bindable(),
-        isCancelRequired = false,
-        children = undefined,
-        handleSwipe,
-        ...restProps
-    }: IDrawerProps = $props();
+let {
+	isPaneOpen = $bindable(),
+	isCancelRequired = false,
+	children = undefined,
+	handleSwipe,
+	...restProps
+}: IDrawerProps = $props();
 
-    const handleClickOutside = () => {
-        pane?.destroy({ animate: true });
-        isPaneOpen = false;
-    };
+const handleClickOutside = () => {
+	pane?.destroy({ animate: true });
+	isPaneOpen = false;
+};
 
-    $effect(() => {
-        if (!drawerElem) return;
-        pane = new CupertinoPane(drawerElem, {
-            fitHeight: true,
-            backdrop: true,
-            backdropOpacity: 0.5,
-            backdropBlur: true,
-            bottomClose: true,
-            buttonDestroy: isCancelRequired,
-            showDraggable: true,
-            upperThanTop: true,
-            breaks: {
-                bottom: { enabled: true, height: 250 },
-            },
-            initialBreak: "bottom",
-        });
+$effect(() => {
+	if (!drawerElem) return;
+	pane = new CupertinoPane(drawerElem, {
+		fitHeight: true,
+		backdrop: true,
+		backdropOpacity: 0.5,
+		backdropBlur: true,
+		bottomClose: true,
+		buttonDestroy: isCancelRequired,
+		showDraggable: true,
+		upperThanTop: true,
+		breaks: {
+			bottom: { enabled: true, height: 250 },
+		},
+		initialBreak: "bottom",
+	});
 
-        if (isPaneOpen) {
-            pane.present({ animate: true });
-        } else {
-            pane.destroy({ animate: true });
-        }
+	if (isPaneOpen) {
+		pane.present({ animate: true });
+	} else {
+		pane.destroy({ animate: true });
+	}
 
-        return () => pane.destroy();
-    });
+	return () => pane.destroy();
+});
 
-    $effect(() => {
-        if (isPaneOpen) {
-            pane.present({ animate: true });
-        } else {
-            pane.destroy({ animate: true });
-        }
-        drawerElem.addEventListener("click_outside", () => {
-            handleClickOutside();
-        });
-    });
+$effect(() => {
+	if (isPaneOpen) {
+		pane.present({ animate: true });
+	} else {
+		pane.destroy({ animate: true });
+	}
+	drawerElem.addEventListener("click_outside", () => {
+		handleClickOutside();
+	});
+});
 </script>
 
 <div
diff --git a/infrastructure/eid-wallet/src/lib/ui/Selector/Selector.stories.ts b/infrastructure/eid-wallet/src/lib/ui/Selector/Selector.stories.ts
index 3274f2ea..76f9c9ac 100644
--- a/infrastructure/eid-wallet/src/lib/ui/Selector/Selector.stories.ts
+++ b/infrastructure/eid-wallet/src/lib/ui/Selector/Selector.stories.ts
@@ -1,46 +1,46 @@
 import type { ComponentProps } from "svelte";
 import Selector from "./Selector.svelte";
 import {
-    BasicContent,
-    WithIconContent,
+	BasicContent,
+	WithIconContent,
 } from "./Selector.stories.snippet.svelte";
 
 export default {
-    title: "UI/Selector",
-    component: Selector,
-    tags: ["autodocs"],
-    render: (args: {
-        Component: Selector;
-        props: ComponentProps<typeof Selector>;
-    }) => ({
-        Component: Selector,
-        props: args,
-    }),
+	title: "UI/Selector",
+	component: Selector,
+	tags: ["autodocs"],
+	render: (args: {
+		Component: Selector;
+		props: ComponentProps<typeof Selector>;
+	}) => ({
+		Component: Selector,
+		props: args,
+	}),
 };
 
 export const WithIcon = {
-    render: () => ({
-        Component: Selector,
-        props: {
-            id: "option-1",
-            name: "lang",
-            value: "option-1",
-            selected: "option-1",
-            icon: WithIconContent,
-            children: BasicContent,
-        },
-    }),
+	render: () => ({
+		Component: Selector,
+		props: {
+			id: "option-1",
+			name: "lang",
+			value: "option-1",
+			selected: "option-1",
+			icon: WithIconContent,
+			children: BasicContent,
+		},
+	}),
 };
 
 export const WithoutIcon = {
-    render: () => ({
-        Component: Selector,
-        props: {
-            id: "option-1",
-            name: "lang",
-            value: "option-1",
-            selected: "option-1",
-            children: BasicContent,
-        },
-    }),
+	render: () => ({
+		Component: Selector,
+		props: {
+			id: "option-1",
+			name: "lang",
+			value: "option-1",
+			selected: "option-1",
+			children: BasicContent,
+		},
+	}),
 };
diff --git a/infrastructure/eid-wallet/src/lib/utils/mergeClasses.ts b/infrastructure/eid-wallet/src/lib/utils/mergeClasses.ts
index e6447944..ac680b30 100644
--- a/infrastructure/eid-wallet/src/lib/utils/mergeClasses.ts
+++ b/infrastructure/eid-wallet/src/lib/utils/mergeClasses.ts
@@ -2,5 +2,5 @@ import { type ClassValue, clsx } from "clsx";
 import { twMerge } from "tailwind-merge";
 
 export function cn(...inputs: ClassValue[]) {
-    return twMerge(clsx(inputs));
+	return twMerge(clsx(inputs));
 }

From f3e89df0c58057859d8c9234536df9d9a05ca5e7 Mon Sep 17 00:00:00 2001
From: JulienAuvo <julien@auvo.io>
Date: Wed, 26 Mar 2025 16:25:21 +0300
Subject: [PATCH 09/16] fix: Check Code / lint

---
 infrastructure/eid-wallet/src/app.css | 80 +++++++++++++--------------
 1 file changed, 40 insertions(+), 40 deletions(-)

diff --git a/infrastructure/eid-wallet/src/app.css b/infrastructure/eid-wallet/src/app.css
index 67fdc233..05fc25cc 100644
--- a/infrastructure/eid-wallet/src/app.css
+++ b/infrastructure/eid-wallet/src/app.css
@@ -1,58 +1,58 @@
-/* biome-ignore lint */
 @import "tailwindcss";
 @import "flag-icons/css/flag-icons.min.css";
 
+/* eslint-disable */
 @plugin "daisyui" {
-	themes: false; /* Disable built-in themes */
-	darktheme: "light";
+    themes: false; /* Disable built-in themes */
+    darktheme: "light";
 }
 
 @font-face {
-	font-family: "Archivo";
-	src: url("/fonts/Archivo-VariableFont_wdth,wght.ttf") format("truetype");
-	font-weight: 100 900;
-	font-style: normal;
+    font-family: "Archivo";
+    src: url("/fonts/Archivo-VariableFont_wdth,wght.ttf") format("truetype");
+    font-weight: 100 900;
+    font-style: normal;
 }
 
 @theme {
-	/* Custom theme */
-	--color-primary: #8e52ff;
-	--color-primary-100: #e8dcff;
-	--color-primary-200: #d2baff;
-	--color-primary-300: #bb97ff;
-	--color-primary-400: #a575ff;
-	--color-primary-500: #8e52ff;
-
-	--color-secondary: #73efd5;
-	--color-secondary-100: #e3fcf7;
-	--color-secondary-200: #c7f9ee;
-	--color-secondary-300: #abf6e6;
-	--color-secondary-400: #8ff2dd;
-	--color-secondary-500: #73efd5;
-
-	--color-white: #ffffff;
-	--color-gray: #f5f5f5;
-
-	--color-black: #1f1f1f;
-	--color-black-100: #d2d2d2;
-	--color-black-300: #a5a5a5;
-	--color-black-500: #797979;
-	--color-black-700: #4c4c4c;
-	--color-black-900: #1f1f1f;
-
-	--color-danger: #ff5255;
-	--color-danger-100: #ffdcdd;
-	--color-danger-200: #ffb1a7;
-	--color-danger-300: #ff968e;
-	--color-danger-400: #ff7b77;
-	--color-danger-500: #ff5255;
+    /* Custom theme */
+    --color-primary: #8e52ff;
+    --color-primary-100: #e8dcff;
+    --color-primary-200: #d2baff;
+    --color-primary-300: #bb97ff;
+    --color-primary-400: #a575ff;
+    --color-primary-500: #8e52ff;
+
+    --color-secondary: #73efd5;
+    --color-secondary-100: #e3fcf7;
+    --color-secondary-200: #c7f9ee;
+    --color-secondary-300: #abf6e6;
+    --color-secondary-400: #8ff2dd;
+    --color-secondary-500: #73efd5;
+
+    --color-white: #ffffff;
+    --color-gray: #f5f5f5;
+
+    --color-black: #1f1f1f;
+    --color-black-100: #d2d2d2;
+    --color-black-300: #a5a5a5;
+    --color-black-500: #797979;
+    --color-black-700: #4c4c4c;
+    --color-black-900: #1f1f1f;
+
+    --color-danger: #ff5255;
+    --color-danger-100: #ffdcdd;
+    --color-danger-200: #ffb1a7;
+    --color-danger-300: #ff968e;
+    --color-danger-400: #ff7b77;
+    --color-danger-500: #ff5255;
 }
 
 body {
-	font-family: "Archivo", sans-serif;
+    font-family: "Archivo", sans-serif;
 }
 
 /* Custom classes */
 .spin-slow {
-	animation: spin 3s linear infinite;
+    animation: spin 3s linear infinite;
 }

From 2e719ee1ee995f0963f56b9e2426379d9b5ecae4 Mon Sep 17 00:00:00 2001
From: JulienAuvo <julien@auvo.io>
Date: Wed, 26 Mar 2025 16:26:52 +0300
Subject: [PATCH 10/16] fix: Check Format / lint

---
 infrastructure/eid-wallet/src/app.css | 78 +++++++++++++--------------
 1 file changed, 39 insertions(+), 39 deletions(-)

diff --git a/infrastructure/eid-wallet/src/app.css b/infrastructure/eid-wallet/src/app.css
index 05fc25cc..c783ccbb 100644
--- a/infrastructure/eid-wallet/src/app.css
+++ b/infrastructure/eid-wallet/src/app.css
@@ -3,56 +3,56 @@
 
 /* eslint-disable */
 @plugin "daisyui" {
-    themes: false; /* Disable built-in themes */
-    darktheme: "light";
+	themes: false; /* Disable built-in themes */
+	darktheme: "light";
 }
 
 @font-face {
-    font-family: "Archivo";
-    src: url("/fonts/Archivo-VariableFont_wdth,wght.ttf") format("truetype");
-    font-weight: 100 900;
-    font-style: normal;
+	font-family: "Archivo";
+	src: url("/fonts/Archivo-VariableFont_wdth,wght.ttf") format("truetype");
+	font-weight: 100 900;
+	font-style: normal;
 }
 
 @theme {
-    /* Custom theme */
-    --color-primary: #8e52ff;
-    --color-primary-100: #e8dcff;
-    --color-primary-200: #d2baff;
-    --color-primary-300: #bb97ff;
-    --color-primary-400: #a575ff;
-    --color-primary-500: #8e52ff;
-
-    --color-secondary: #73efd5;
-    --color-secondary-100: #e3fcf7;
-    --color-secondary-200: #c7f9ee;
-    --color-secondary-300: #abf6e6;
-    --color-secondary-400: #8ff2dd;
-    --color-secondary-500: #73efd5;
-
-    --color-white: #ffffff;
-    --color-gray: #f5f5f5;
-
-    --color-black: #1f1f1f;
-    --color-black-100: #d2d2d2;
-    --color-black-300: #a5a5a5;
-    --color-black-500: #797979;
-    --color-black-700: #4c4c4c;
-    --color-black-900: #1f1f1f;
-
-    --color-danger: #ff5255;
-    --color-danger-100: #ffdcdd;
-    --color-danger-200: #ffb1a7;
-    --color-danger-300: #ff968e;
-    --color-danger-400: #ff7b77;
-    --color-danger-500: #ff5255;
+	/* Custom theme */
+	--color-primary: #8e52ff;
+	--color-primary-100: #e8dcff;
+	--color-primary-200: #d2baff;
+	--color-primary-300: #bb97ff;
+	--color-primary-400: #a575ff;
+	--color-primary-500: #8e52ff;
+
+	--color-secondary: #73efd5;
+	--color-secondary-100: #e3fcf7;
+	--color-secondary-200: #c7f9ee;
+	--color-secondary-300: #abf6e6;
+	--color-secondary-400: #8ff2dd;
+	--color-secondary-500: #73efd5;
+
+	--color-white: #ffffff;
+	--color-gray: #f5f5f5;
+
+	--color-black: #1f1f1f;
+	--color-black-100: #d2d2d2;
+	--color-black-300: #a5a5a5;
+	--color-black-500: #797979;
+	--color-black-700: #4c4c4c;
+	--color-black-900: #1f1f1f;
+
+	--color-danger: #ff5255;
+	--color-danger-100: #ffdcdd;
+	--color-danger-200: #ffb1a7;
+	--color-danger-300: #ff968e;
+	--color-danger-400: #ff7b77;
+	--color-danger-500: #ff5255;
 }
 
 body {
-    font-family: "Archivo", sans-serif;
+	font-family: "Archivo", sans-serif;
 }
 
 /* Custom classes */
 .spin-slow {
-    animation: spin 3s linear infinite;
+	animation: spin 3s linear infinite;
 }

From 336c75dfdb26704e20e07ad68284456b81dfc7ef Mon Sep 17 00:00:00 2001
From: JulienAuvo <julien@auvo.io>
Date: Wed, 26 Mar 2025 16:29:36 +0300
Subject: [PATCH 11/16] fix: Check Code / lint

---
 .../eid-wallet/src/lib/ui/Selector/Selector.stories.ts          | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/infrastructure/eid-wallet/src/lib/ui/Selector/Selector.stories.ts b/infrastructure/eid-wallet/src/lib/ui/Selector/Selector.stories.ts
index 76f9c9ac..693dc87b 100644
--- a/infrastructure/eid-wallet/src/lib/ui/Selector/Selector.stories.ts
+++ b/infrastructure/eid-wallet/src/lib/ui/Selector/Selector.stories.ts
@@ -1,9 +1,9 @@
 import type { ComponentProps } from "svelte";
-import Selector from "./Selector.svelte";
 import {
 	BasicContent,
 	WithIconContent,
 } from "./Selector.stories.snippet.svelte";
+import Selector from "./Selector.svelte";
 
 export default {
 	title: "UI/Selector",

From 0dd37293fe7e742678ab4a7fe9ed1f071a47ec29 Mon Sep 17 00:00:00 2001
From: JulienAuvo <julien@auvo.io>
Date: Wed, 26 Mar 2025 16:33:05 +0300
Subject: [PATCH 12/16] fix: Check Code / lint

---
 infrastructure/eid-wallet/src/app.css | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/infrastructure/eid-wallet/src/app.css b/infrastructure/eid-wallet/src/app.css
index c783ccbb..6f4a907d 100644
--- a/infrastructure/eid-wallet/src/app.css
+++ b/infrastructure/eid-wallet/src/app.css
@@ -3,9 +3,10 @@
 
 /* eslint-disable */
 @plugin "daisyui" {
-	themes: false; /* Disable built-in themes */
+	themes: false;
 	darktheme: "light";
 }
+/* eslint-enable */
 
 @font-face {
 	font-family: "Archivo";

From b72081157e41e4b2add772eb6962a1f48f4ece6b Mon Sep 17 00:00:00 2001
From: JulienAuvo <julien@auvo.io>
Date: Wed, 26 Mar 2025 16:46:43 +0300
Subject: [PATCH 13/16] fix: Check Format / lint

---
 infrastructure/eid-wallet/src/app.css | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/infrastructure/eid-wallet/src/app.css b/infrastructure/eid-wallet/src/app.css
index 6f4a907d..e05ec333 100644
--- a/infrastructure/eid-wallet/src/app.css
+++ b/infrastructure/eid-wallet/src/app.css
@@ -1,12 +1,12 @@
 @import "tailwindcss";
 @import "flag-icons/css/flag-icons.min.css";
 
-/* eslint-disable */
-@plugin "daisyui" {
-	themes: false;
-	darktheme: "light";
+@layer utilities {
+	@plugin "daisyui" {
+		themes: false;
+		darktheme: "light";
+	}
 }
-/* eslint-enable */
 
 @font-face {
 	font-family: "Archivo";

From 07fefba86a81e1f24c555bd71dcc2850bef25122 Mon Sep 17 00:00:00 2001
From: JulienAuvo <julien@auvo.io>
Date: Wed, 26 Mar 2025 16:59:45 +0300
Subject: [PATCH 14/16] fix: unknown property warning

---
 infrastructure/eid-wallet/src/app.css | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/infrastructure/eid-wallet/src/app.css b/infrastructure/eid-wallet/src/app.css
index e05ec333..a130e616 100644
--- a/infrastructure/eid-wallet/src/app.css
+++ b/infrastructure/eid-wallet/src/app.css
@@ -1,11 +1,10 @@
 @import "tailwindcss";
 @import "flag-icons/css/flag-icons.min.css";
 
-@layer utilities {
-	@plugin "daisyui" {
-		themes: false;
-		darktheme: "light";
-	}
+/* biome-ignore lint: weird unknown property warning */
+@plugin "daisyui" {
+	themes: false;
+	darktheme: "light";
 }
 
 @font-face {

From 93547434ab6f5e966d03048d937a4ae779bd3999 Mon Sep 17 00:00:00 2001
From: JulienAuvo <julien@auvo.io>
Date: Wed, 26 Mar 2025 17:10:11 +0300
Subject: [PATCH 15/16] fix: unknown property warning

---
 infrastructure/eid-wallet/src/app.css | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/infrastructure/eid-wallet/src/app.css b/infrastructure/eid-wallet/src/app.css
index a130e616..2aac3b41 100644
--- a/infrastructure/eid-wallet/src/app.css
+++ b/infrastructure/eid-wallet/src/app.css
@@ -1,9 +1,10 @@
 @import "tailwindcss";
 @import "flag-icons/css/flag-icons.min.css";
 
-/* biome-ignore lint: weird unknown property warning */
 @plugin "daisyui" {
+	/* biome-ignore lint/correctness/noUnknownProperty: DaisyUI v5 specific stuff, not handled yet by Biome */
 	themes: false;
+	/* biome-ignore lint/correctness/noUnknownProperty: DaisyUI v5 specific stuff, not handled yet by Biome */
 	darktheme: "light";
 }
 

From cb65aa348be698aa24b9820b88fddbc83540fff7 Mon Sep 17 00:00:00 2001
From: JulienAuvo <julien@auvo.io>
Date: Wed, 26 Mar 2025 17:19:49 +0300
Subject: [PATCH 16/16] chore: improve args type

---
 .../src/lib/ui/Button/ButtonAction.stories.ts | 33 +++-------
 .../src/lib/ui/Drawer/Drawer.stories.ts       |  7 ++-
 .../src/lib/ui/InputPin/InputPin.stories.ts   |  6 +-
 .../src/lib/ui/Selector/Selector.svelte       | 61 ++++++++++---------
 4 files changed, 51 insertions(+), 56 deletions(-)

diff --git a/infrastructure/eid-wallet/src/lib/ui/Button/ButtonAction.stories.ts b/infrastructure/eid-wallet/src/lib/ui/Button/ButtonAction.stories.ts
index 2b49b45b..bc7ad728 100644
--- a/infrastructure/eid-wallet/src/lib/ui/Button/ButtonAction.stories.ts
+++ b/infrastructure/eid-wallet/src/lib/ui/Button/ButtonAction.stories.ts
@@ -1,33 +1,18 @@
-import type { Meta, StoryObj } from "@storybook/svelte";
+import type { ComponentProps } from "svelte";
 import ButtonAction from "./ButtonAction.svelte";
 import { ButtonText } from "./ButtonSnippets.svelte";
 
 export default {
 	title: "UI/ButtonAction",
 	component: ButtonAction,
-	args: {
-		variant: "solid",
-		isLoading: false,
-		blockingClick: false,
-		children: "Click Me",
-	},
-	argTypes: {
-		variant: {
-			control: {
-				type: "select",
-				options: ["solid", "soft", "danger", "danger-soft", "white"],
-			},
-		},
-		size: {
-			control: {
-				type: "select",
-				options: ["sm", "md"],
-			},
-		},
-		isLoading: { control: "boolean" },
-		blockingClick: { control: "boolean" },
-		callback: { action: "clicked" },
-	},
+	tags: ["autodocs"],
+	render: (args: {
+		Component: ButtonAction;
+		props: ComponentProps<typeof ButtonAction>;
+	}) => ({
+		Component: ButtonAction,
+		props: args,
+	}),
 };
 
 export const Solid = {
diff --git a/infrastructure/eid-wallet/src/lib/ui/Drawer/Drawer.stories.ts b/infrastructure/eid-wallet/src/lib/ui/Drawer/Drawer.stories.ts
index 75606248..6c70b401 100644
--- a/infrastructure/eid-wallet/src/lib/ui/Drawer/Drawer.stories.ts
+++ b/infrastructure/eid-wallet/src/lib/ui/Drawer/Drawer.stories.ts
@@ -1,4 +1,4 @@
-import type { Snippet } from "svelte";
+import type { ComponentProps, Snippet } from "svelte";
 import { InnerContent } from "./Drawer.stories.snippet.svelte";
 import Drawer from "./Drawer.svelte";
 
@@ -6,7 +6,10 @@ export default {
 	title: "UI/Drawer",
 	component: Drawer,
 	tags: ["autodocs"],
-	render: (args: { isPaneOpen: boolean; children: Snippet }) => ({
+	render: (args: {
+		Component: Drawer;
+		props: ComponentProps<typeof Drawer>;
+	}) => ({
 		Component: Drawer,
 		props: args,
 	}),
diff --git a/infrastructure/eid-wallet/src/lib/ui/InputPin/InputPin.stories.ts b/infrastructure/eid-wallet/src/lib/ui/InputPin/InputPin.stories.ts
index 90e14f2d..e382104b 100644
--- a/infrastructure/eid-wallet/src/lib/ui/InputPin/InputPin.stories.ts
+++ b/infrastructure/eid-wallet/src/lib/ui/InputPin/InputPin.stories.ts
@@ -1,10 +1,14 @@
+import type { ComponentProps } from "svelte";
 import InputPin from "./InputPin.svelte";
 
 export default {
 	title: "UI/InputPin",
 	component: InputPin,
 	tags: ["autodocs"],
-	render: (args: { size: number; variant: string; isError: boolean }) => ({
+	render: (args: {
+		Component: InputPin;
+		props: ComponentProps<typeof InputPin>;
+	}) => ({
 		Component: InputPin,
 		props: args,
 	}),
diff --git a/infrastructure/eid-wallet/src/lib/ui/Selector/Selector.svelte b/infrastructure/eid-wallet/src/lib/ui/Selector/Selector.svelte
index 61c908a0..c717ab7a 100644
--- a/infrastructure/eid-wallet/src/lib/ui/Selector/Selector.svelte
+++ b/infrastructure/eid-wallet/src/lib/ui/Selector/Selector.svelte
@@ -15,6 +15,7 @@ interface ISelectorProps extends HTMLLabelAttributes {
 	children?: Snippet;
 }
 
+// biome-ignore lint/style/useConst: selected is bindable, can't be a const
 let {
 	id,
 	name,
@@ -27,37 +28,39 @@ let {
 </script>
 
 <label
-  {...restProps}
-  for={id}
-  class={cn(
-    ['flex w-full justify-between items-center py-4', restProps.class].join(' ')
-  )}
+    {...restProps}
+    for={id}
+    class={cn(
+        ["flex w-full justify-between items-center py-4", restProps.class].join(
+            " "
+        )
+    )}
 >
-  <div class="flex">
-    <div class="capitalize flex items-center">
-      <input
-        type="radio"
-        {id}
-        {name}
-        {value}
-        class="appearance-none"
-        bind:group={selected}
-      />
-      {#if icon}
-        <div>{@render icon?.(id)}</div>
-      {/if}
-      {@render children?.()}
-    </div>
-  </div>
-  {#if selected === value}
-    <div in:fade={{ duration: 150, delay: 0 }} class="overflow-hidden">
-      <HugeiconsIcon
-        color="var(--color-white)"
-        icon={Tick01Icon}
-        className="bg-primary-500 rounded-full w-6 h-6"
-      />
+    <div class="flex">
+        <div class="capitalize flex items-center">
+            <input
+                type="radio"
+                {id}
+                {name}
+                {value}
+                class="appearance-none"
+                bind:group={selected}
+            />
+            {#if icon}
+                <div>{@render icon?.(id)}</div>
+            {/if}
+            {@render children?.()}
+        </div>
     </div>
-  {/if}
+    {#if selected === value}
+        <div in:fade={{ duration: 150, delay: 0 }} class="overflow-hidden">
+            <HugeiconsIcon
+                color="var(--color-white)"
+                icon={Tick01Icon}
+                className="bg-primary-500 rounded-full w-6 h-6"
+            />
+        </div>
+    {/if}
 </label>
 
 <!--