diff --git a/src/4nk.css b/src/4nk.css
index 180690f..6e328dc 100644
--- a/src/4nk.css
+++ b/src/4nk.css
@@ -815,4 +815,4 @@ select[data-multi-select-plugin] {
 
 .custom-select::-webkit-scrollbar-thumb:hover {
   background: #555;
-}
\ No newline at end of file
+}
diff --git a/src/components/header/header.ts b/src/components/header/header.ts
index 9e3ae9c..56744bd 100755
--- a/src/components/header/header.ts
+++ b/src/components/header/header.ts
@@ -158,18 +158,18 @@ async function createBackUp() {
   const service = await Services.getInstance();
   const backUp = await service.createBackUp();
   if (!backUp) {
-    console.error("No device to backup");
+    console.error('No device to backup');
     return;
   }
 
   try {
-    const backUpJson = JSON.stringify(backUp, null, 2)
+    const backUpJson = JSON.stringify(backUp, null, 2);
     const blob = new Blob([backUpJson], { type: 'application/json' });
     const url = URL.createObjectURL(blob);
 
     const a = document.createElement('a');
     a.href = url;
-    a.download = '4nk-backup.json'; 
+    a.download = '4nk-backup.json';
     a.click();
 
     URL.revokeObjectURL(url);
@@ -201,7 +201,7 @@ async function disconnect() {
     });
 
     const registrations = await navigator.serviceWorker.getRegistrations();
-    await Promise.all(registrations.map(registration => registration.unregister()));
+    await Promise.all(registrations.map((registration) => registration.unregister()));
     console.log('Service worker unregistered');
 
     await navigate('home');
@@ -209,7 +209,6 @@ async function disconnect() {
     setTimeout(() => {
       window.location.href = window.location.origin;
     }, 100);
-
   } catch (error) {
     console.error('Error during disconnect:', error);
     // force reload
@@ -217,4 +216,4 @@ async function disconnect() {
   }
 }
 
-(window as any).disconnect = disconnect;
\ No newline at end of file
+(window as any).disconnect = disconnect;
diff --git a/src/components/modal/creation-modal.html b/src/components/modal/creation-modal.html
index 231ac87..992c402 100644
--- a/src/components/modal/creation-modal.html
+++ b/src/components/modal/creation-modal.html
@@ -1,14 +1,14 @@
 <div id="creation-modal" class="modal">
-    <div class="modal-content">
-      <div class="modal-title">Login</div>
-      <div class="message">
-        Do you want to create a 4NK member?<br />
-        Attempting to create a member with address <br />
-        <strong>{{device1}}</strong> <br />
-      </div>
-      <div class="confirmation-box">
-        <a class="btn confirmation-btn" onclick="confirm()">Confirm</a>
-        <a class="btn refusal-btn" onclick="closeConfirmationModal()">Refuse</a>
-      </div>
+  <div class="modal-content">
+    <div class="modal-title">Login</div>
+    <div class="message">
+      Do you want to create a 4NK member?<br />
+      Attempting to create a member with address <br />
+      <strong>{{device1}}</strong> <br />
     </div>
-  </div>
\ No newline at end of file
+    <div class="confirmation-box">
+      <a class="btn confirmation-btn" onclick="confirm()">Confirm</a>
+      <a class="btn refusal-btn" onclick="closeConfirmationModal()">Refuse</a>
+    </div>
+  </div>
+</div>
diff --git a/src/components/modal/waiting-modal.html b/src/components/modal/waiting-modal.html
index 5fb70d4..7c4ed4b 100644
--- a/src/components/modal/waiting-modal.html
+++ b/src/components/modal/waiting-modal.html
@@ -1,8 +1,6 @@
 <div id="waiting-modal" class="modal">
-    <div class="modal-content">
-      <div class="modal-title">Login</div>
-      <div class="message">
-        Waiting for Device 2...
-      </div>
-    </div>
-  </div>
\ No newline at end of file
+  <div class="modal-content">
+    <div class="modal-title">Login</div>
+    <div class="message">Waiting for Device 2...</div>
+  </div>
+</div>
diff --git a/src/components/validation-modal/validation-modal.html b/src/components/validation-modal/validation-modal.html
index 780e489..bff54b9 100755
--- a/src/components/validation-modal/validation-modal.html
+++ b/src/components/validation-modal/validation-modal.html
@@ -1,9 +1,7 @@
 <div id="validation-modal" class="validation-modal">
   <div class="modal-content">
     <div class="modal-title">Validate Process {{processId}}</div>
-    <div class="validation-box">
-      
-    </div>
+    <div class="validation-box"></div>
     <div class="modal-action">
       <button onclick="validate()">Validate</button>
     </div>
diff --git a/src/components/validation-modal/validation-modal.ts b/src/components/validation-modal/validation-modal.ts
index 711aff2..68dfce0 100755
--- a/src/components/validation-modal/validation-modal.ts
+++ b/src/components/validation-modal/validation-modal.ts
@@ -7,11 +7,11 @@ async function validate() {
 }
 
 export async function initValidationModal(processDiffs: any) {
-console.log("🚀 ~ initValidationModal ~ processDiffs:", processDiffs)
-for(const diff of processDiffs.diffs) { 
-  let diffs = ''
-  for(const value of diff) {
-    diffs+= `
+  console.log('🚀 ~ initValidationModal ~ processDiffs:', processDiffs);
+  for (const diff of processDiffs.diffs) {
+    let diffs = '';
+    for (const value of diff) {
+      diffs += `
     <div class="radio-buttons">
     <label>
     <input type="radio" name="validation1" value="old" />
@@ -30,27 +30,27 @@ for(const diff of processDiffs.diffs) {
     <pre>+${value.new_value}</pre>
     </div>
     </div>
-    `
-  }
-  
- const state = `
+    `;
+    }
+
+    const state = `
  <div class="expansion-panel">
         <div class="expansion-panel-header">State ${diff[0].new_state_merkle_root}</div>
         <div class="expansion-panel-body">
           ${diffs}
           </div>
           </div>
-          `
-          const box = document.querySelector('.validation-box')
-          if(box) box.innerHTML += state
-}
-document.querySelectorAll('.expansion-panel-header').forEach((header) => {
-  header.addEventListener('click', function (event) {
-    const target = event.target as HTMLElement;
-    const body = target.nextElementSibling as HTMLElement;
-    if (body?.style) body.style.display = body.style.display === 'block' ? 'none' : 'block';
+          `;
+    const box = document.querySelector('.validation-box');
+    if (box) box.innerHTML += state;
+  }
+  document.querySelectorAll('.expansion-panel-header').forEach((header) => {
+    header.addEventListener('click', function (event) {
+      const target = event.target as HTMLElement;
+      const body = target.nextElementSibling as HTMLElement;
+      if (body?.style) body.style.display = body.style.display === 'block' ? 'none' : 'block';
+    });
   });
-}); 
 }
 
 (window as any).validate = validate;
diff --git a/src/components/validation-rule-modal/validation-rule-modal.html b/src/components/validation-rule-modal/validation-rule-modal.html
index 7566980..2dd14f6 100644
--- a/src/components/validation-rule-modal/validation-rule-modal.html
+++ b/src/components/validation-rule-modal/validation-rule-modal.html
@@ -1,42 +1,25 @@
-<div id="validation-rule-modal" style="
-  position: fixed;
-  top: 0; left: 0; right: 0; bottom: 0;
-  background: rgba(0,0,0,0.5);
-  display: none;
-  justify-content: center;
-  align-items: center;
-  z-index: 9999;
-">
-  <div style="
-    background: white;
-    padding: 2rem;
-    border-radius: 0.5rem;
-    width: 400px;
-    max-width: 90%;
-    box-shadow: 0 4px 12px rgba(0,0,0,0.3);
-  ">
-    <h2 style="font-size: 1.2rem; font-weight: bold; margin-bottom: 1rem;">
-      Add Validation Rule
-    </h2>
+<div id="validation-rule-modal" style="position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); display: none; justify-content: center; align-items: center; z-index: 9999">
+  <div style="background: white; padding: 2rem; border-radius: 0.5rem; width: 400px; max-width: 90%; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3)">
+    <h2 style="font-size: 1.2rem; font-weight: bold; margin-bottom: 1rem">Add Validation Rule</h2>
 
-    <label style="display: block; margin-bottom: 0.5rem;">
+    <label style="display: block; margin-bottom: 0.5rem">
       Quorum:
-      <input id="vr-quorum" type="number" style="width: 100%; padding: 0.5rem; margin-top: 0.25rem;" />
+      <input id="vr-quorum" type="number" style="width: 100%; padding: 0.5rem; margin-top: 0.25rem" />
     </label>
 
-    <label style="display: block; margin-bottom: 0.5rem;">
+    <label style="display: block; margin-bottom: 0.5rem">
       Min Sig Member:
-      <input id="vr-minsig" type="number" style="width: 100%; padding: 0.5rem; margin-top: 0.25rem;" />
+      <input id="vr-minsig" type="number" style="width: 100%; padding: 0.5rem; margin-top: 0.25rem" />
     </label>
 
-    <label style="display: block; margin-bottom: 1rem;">
+    <label style="display: block; margin-bottom: 1rem">
       Fields (comma-separated):
-      <input id="vr-fields" type="text" placeholder="e.g. field1, field2" style="width: 100%; padding: 0.5rem; margin-top: 0.25rem;" />
+      <input id="vr-fields" type="text" placeholder="e.g. field1, field2" style="width: 100%; padding: 0.5rem; margin-top: 0.25rem" />
     </label>
 
-    <div style="display: flex; justify-content: flex-end; gap: 1rem;">
-      <button id="vr-cancel" style="padding: 0.5rem 1rem;">Cancel</button>
-      <button id="vr-submit" style="padding: 0.5rem 1rem; background-color: #4f46e5; color: white; border: none; border-radius: 0.375rem;">Add</button>
+    <div style="display: flex; justify-content: flex-end; gap: 1rem">
+      <button id="vr-cancel" style="padding: 0.5rem 1rem">Cancel</button>
+      <button id="vr-submit" style="padding: 0.5rem 1rem; background-color: #4f46e5; color: white; border: none; border-radius: 0.375rem">Add</button>
     </div>
   </div>
 </div>
diff --git a/src/components/validation-rule-modal/validation-rule-modal.ts b/src/components/validation-rule-modal/validation-rule-modal.ts
index 121d954..78879a0 100644
--- a/src/components/validation-rule-modal/validation-rule-modal.ts
+++ b/src/components/validation-rule-modal/validation-rule-modal.ts
@@ -52,7 +52,10 @@ export function showValidationRuleModal(onSubmit: (rule: ValidationRule) => void
     const rule: ValidationRule = {
       quorum: parseInt(quorumInput.value),
       min_sig_member: parseInt(minsigInput.value),
-      fields: fieldsInput.value.split(',').map(f => f.trim()).filter(Boolean),
+      fields: fieldsInput.value
+        .split(',')
+        .map((f) => f.trim())
+        .filter(Boolean),
     };
 
     modal.style.display = 'none';
diff --git a/src/models/backup.model.ts b/src/models/backup.model.ts
index 5050688..961c495 100644
--- a/src/models/backup.model.ts
+++ b/src/models/backup.model.ts
@@ -1,7 +1,7 @@
-import { Device, Process, SecretsStore } from "pkg/sdk_client";
+import { Device, Process, SecretsStore } from 'pkg/sdk_client';
 
 export interface BackUp {
-    device: Device,
-    secrets: SecretsStore,
-    processes: Record<string, Process>,
+  device: Device;
+  secrets: SecretsStore;
+  processes: Record<string, Process>;
 }
diff --git a/src/pages/account/account.html b/src/pages/account/account.html
index 654be9a..da077ce 100755
--- a/src/pages/account/account.html
+++ b/src/pages/account/account.html
@@ -1,10 +1,10 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
-<head>
+  <head>
     <title>Account</title>
-</head>
-<body>
+  </head>
+  <body>
     <account-component></account-component>
     <script type="module" src="./account.ts"></script>
-</body>
+  </body>
 </html>
diff --git a/src/pages/account/account.ts b/src/pages/account/account.ts
index 8e9d089..ad268fb 100755
--- a/src/pages/account/account.ts
+++ b/src/pages/account/account.ts
@@ -1,45 +1,45 @@
 declare global {
-    interface Window {
-        initAccount: () => void;
-        showContractPopup: (contractId: string) => void;
-        showPairing: () => Promise<void>;
-        showWallet: () => void;
-        showData: () => void;
-        addWalletRow: () => void;
-        confirmWalletRow: () => void;
-        cancelWalletRow: () => void;
-        openAvatarPopup: () => void;
-        closeAvatarPopup: () => void;
-        editDeviceName: (cell: HTMLTableCellElement) => void;
-        showNotifications: (processName: string) => void;
-        closeNotificationPopup: (event: Event) => void;
-        markAsRead: (processName: string, messageId: number, element: HTMLElement) => void;
-        exportRecovery: () => void;
-        confirmDeleteAccount: () => void;
-        deleteAccount: () => void;
-        updateNavbarBanner: (bannerUrl: string) => void;
-        saveBannerToLocalStorage: (bannerUrl: string) => void;
-        loadSavedBanner: () => void;
-        cancelAddRowPairing: () => void;
-        saveName: (cell: HTMLElement, input: HTMLInputElement) => void;
-        showProcessNotifications: (processName: string) => void;
-        handleLogout: () => void;
-        initializeEventListeners: () => void;
-        showProcess: () => void;
-        showProcessCreation: () => void;
-        showDocumentValidation: () => void;
-        updateNavbarName: (name: string) => void;
-        updateNavbarLastName: (lastName: string) => void;
-        showAlert: (title: string, text?: string, icon?: string) => void;
-        addRowPairing: () => void;
-        confirmRowPairing: () => void;
-        cancelRowPairing: () => void;
-        deleteRowPairing: (button: HTMLButtonElement) => void;
-        generateRecoveryWords: () => string[];
-        exportUserData: () => void;
-        updateActionButtons: () => void;
-        showQRCodeModal: (pairingId: string) => void;
-    }
+  interface Window {
+    initAccount: () => void;
+    showContractPopup: (contractId: string) => void;
+    showPairing: () => Promise<void>;
+    showWallet: () => void;
+    showData: () => void;
+    addWalletRow: () => void;
+    confirmWalletRow: () => void;
+    cancelWalletRow: () => void;
+    openAvatarPopup: () => void;
+    closeAvatarPopup: () => void;
+    editDeviceName: (cell: HTMLTableCellElement) => void;
+    showNotifications: (processName: string) => void;
+    closeNotificationPopup: (event: Event) => void;
+    markAsRead: (processName: string, messageId: number, element: HTMLElement) => void;
+    exportRecovery: () => void;
+    confirmDeleteAccount: () => void;
+    deleteAccount: () => void;
+    updateNavbarBanner: (bannerUrl: string) => void;
+    saveBannerToLocalStorage: (bannerUrl: string) => void;
+    loadSavedBanner: () => void;
+    cancelAddRowPairing: () => void;
+    saveName: (cell: HTMLElement, input: HTMLInputElement) => void;
+    showProcessNotifications: (processName: string) => void;
+    handleLogout: () => void;
+    initializeEventListeners: () => void;
+    showProcess: () => void;
+    showProcessCreation: () => void;
+    showDocumentValidation: () => void;
+    updateNavbarName: (name: string) => void;
+    updateNavbarLastName: (lastName: string) => void;
+    showAlert: (title: string, text?: string, icon?: string) => void;
+    addRowPairing: () => void;
+    confirmRowPairing: () => void;
+    cancelRowPairing: () => void;
+    deleteRowPairing: (button: HTMLButtonElement) => void;
+    generateRecoveryWords: () => string[];
+    exportUserData: () => void;
+    updateActionButtons: () => void;
+    showQRCodeModal: (pairingId: string) => void;
+  }
 }
 
 import Swal from 'sweetalert2';
@@ -58,42 +58,42 @@ let currentRow: HTMLTableRowElement | null = null;
 let currentMode: keyof typeof STORAGE_KEYS = 'pairing';
 
 interface Process {
-    states: Array<{
-        committed_in: string;
-        keys: {};
-        pcd_commitment: {
-            counter: string;
-        };
-        public_data: {
-            memberPublicName?: string;
-        };
-        roles: {
-            pairing?: {};
-        };
-        state_id: string;
-        validation_tokens: Array<any>;
-    }>;
+  states: Array<{
+    committed_in: string;
+    keys: {};
+    pcd_commitment: {
+      counter: string;
+    };
+    public_data: {
+      memberPublicName?: string;
+    };
+    roles: {
+      pairing?: {};
+    };
+    state_id: string;
+    validation_tokens: Array<any>;
+  }>;
 }
 
 class AccountElement extends HTMLElement {
-    private dom: Node;
+  private dom: Node;
 
-    constructor() {
-        super();
-        this.attachShadow({ mode: 'open' });
-        this.dom = getCorrectDOM('account-element');
+  constructor() {
+    super();
+    this.attachShadow({ mode: 'open' });
+    this.dom = getCorrectDOM('account-element');
 
-        // Ajouter Font Awesome
-        const fontAwesome = document.createElement('link');
-        fontAwesome.rel = 'stylesheet';
-        fontAwesome.href = 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css';
-        this.shadowRoot!.appendChild(fontAwesome);
+    // Ajouter Font Awesome
+    const fontAwesome = document.createElement('link');
+    fontAwesome.rel = 'stylesheet';
+    fontAwesome.href = 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css';
+    this.shadowRoot!.appendChild(fontAwesome);
 
-        const style = document.createElement('style');
-        style.textContent = accountStyle;
-        this.shadowRoot!.appendChild(style);
+    const style = document.createElement('style');
+    style.textContent = accountStyle;
+    this.shadowRoot!.appendChild(style);
 
-        this.shadowRoot!.innerHTML = `
+    this.shadowRoot!.innerHTML = `
 
         <style>
             ${accountStyle}
@@ -197,96 +197,94 @@ class AccountElement extends HTMLElement {
     </div>
         `;
 
+    window.showPairing = () => this.showPairing();
+    window.showWallet = () => this.showWallet();
+    window.showProcess = () => this.showProcess();
+    window.showProcessCreation = () => this.showProcessCreation();
+    window.showDocumentValidation = () => this.showDocumentValidation();
+    window.showData = () => this.showData();
+    window.addWalletRow = () => this.addWalletRow();
+    window.confirmWalletRow = () => this.confirmWalletRow();
+    window.cancelWalletRow = () => this.cancelWalletRow();
+    window.editDeviceName = (cell: HTMLTableCellElement) => this.editDeviceName(cell);
+    window.showProcessNotifications = (processName: string) => this.showProcessNotifications(processName);
+    window.handleLogout = () => this.handleLogout();
+    window.confirmDeleteAccount = () => this.confirmDeleteAccount();
+    window.showContractPopup = (contractId: string) => this.showContractPopup(contractId);
+    window.addRowPairing = () => this.addRowPairing();
+    window.deleteRowPairing = (button: HTMLButtonElement) => this.deleteRowPairing(button);
+    window.confirmRowPairing = () => this.confirmRowPairing();
+    window.cancelRowPairing = () => this.cancelRowPairing();
+    window.updateNavbarBanner = (bannerUrl: string) => this.updateNavbarBanner(bannerUrl);
+    window.saveBannerToLocalStorage = (bannerUrl: string) => this.saveBannerToLocalStorage(bannerUrl);
+    window.loadSavedBanner = () => this.loadSavedBanner();
+    window.closeNotificationPopup = (event: Event) => this.closeNotificationPopup(event);
+    window.markAsRead = (processName: string, messageId: number, element: HTMLElement) => this.markAsRead(processName, messageId, element);
+    window.exportRecovery = () => this.exportRecovery();
+    window.generateRecoveryWords = () => this.generateRecoveryWords();
+    window.exportUserData = () => this.exportUserData();
+    window.updateActionButtons = () => this.updateActionButtons();
+    window.openAvatarPopup = () => this.openAvatarPopup();
+    window.closeAvatarPopup = () => this.closeAvatarPopup();
+    window.showQRCodeModal = (pairingId: string) => this.showQRCodeModal(pairingId);
 
-        window.showPairing = () => this.showPairing();
-        window.showWallet = () => this.showWallet();
-        window.showProcess = () => this.showProcess();
-        window.showProcessCreation = () => this.showProcessCreation();
-        window.showDocumentValidation = () => this.showDocumentValidation();
-        window.showData = () => this.showData();
-        window.addWalletRow = () => this.addWalletRow();
-        window.confirmWalletRow = () => this.confirmWalletRow();
-        window.cancelWalletRow = () => this.cancelWalletRow();
-        window.editDeviceName = (cell: HTMLTableCellElement) => this.editDeviceName(cell);
-        window.showProcessNotifications = (processName: string) => this.showProcessNotifications(processName);
-        window.handleLogout = () => this.handleLogout();
-        window.confirmDeleteAccount = () => this.confirmDeleteAccount();
-        window.showContractPopup = (contractId: string) => this.showContractPopup(contractId);
-        window.addRowPairing = () => this.addRowPairing();
-        window.deleteRowPairing = (button: HTMLButtonElement) => this.deleteRowPairing(button);
-        window.confirmRowPairing = () => this.confirmRowPairing();
-        window.cancelRowPairing = () => this.cancelRowPairing();
-        window.updateNavbarBanner = (bannerUrl: string) => this.updateNavbarBanner(bannerUrl);
-        window.saveBannerToLocalStorage = (bannerUrl: string) => this.saveBannerToLocalStorage(bannerUrl);
-        window.loadSavedBanner = () => this.loadSavedBanner();
-        window.closeNotificationPopup = (event: Event) => this.closeNotificationPopup(event);
-        window.markAsRead = (processName: string, messageId: number, element: HTMLElement) => this.markAsRead(processName, messageId, element);
-        window.exportRecovery = () => this.exportRecovery();
-        window.generateRecoveryWords = () => this.generateRecoveryWords();
-        window.exportUserData = () => this.exportUserData();
-        window.updateActionButtons = () => this.updateActionButtons();
-        window.openAvatarPopup = () => this.openAvatarPopup();
-        window.closeAvatarPopup = () => this.closeAvatarPopup();
-        window.showQRCodeModal = (pairingId: string) => this.showQRCodeModal(pairingId);
+    if (!localStorage.getItem('rows')) {
+      localStorage.setItem('rows', JSON.stringify(defaultRows));
+    }
+  }
 
-        if (!localStorage.getItem('rows')) {
-            localStorage.setItem('rows', JSON.stringify(defaultRows));
-        }
+  connectedCallback() {
+    this.initializeEventListeners();
+    this.loadSavedBanner();
+    this.loadUserInfo();
+
+    const savedAvatar = localStorage.getItem('userAvatar');
+    const savedBanner = localStorage.getItem('userBanner');
+    const savedName = localStorage.getItem('userName');
+    const savedLastName = localStorage.getItem('userLastName');
+
+    if (savedAvatar) {
+      const navAvatar = this.shadowRoot?.querySelector('.avatar') as HTMLImageElement;
+      if (navAvatar) navAvatar.src = savedAvatar;
     }
 
-    connectedCallback() {
-        this.initializeEventListeners();
-        this.loadSavedBanner();
-        this.loadUserInfo();
-
-        const savedAvatar = localStorage.getItem('userAvatar');
-        const savedBanner = localStorage.getItem('userBanner');
-        const savedName = localStorage.getItem('userName');
-        const savedLastName = localStorage.getItem('userLastName');
-
-        if (savedAvatar) {
-            const navAvatar = this.shadowRoot?.querySelector('.avatar') as HTMLImageElement;
-            if (navAvatar) navAvatar.src = savedAvatar;
-        }
-
-        if (savedBanner) {
-            const navBanner = this.shadowRoot?.querySelector('.banner-image') as HTMLImageElement;
-            if (navBanner) navBanner.src = savedBanner;
-        }
-
-        if (savedName) {
-            this.updateNavbarName(savedName);
-        }
-        if (savedLastName) {
-            this.updateNavbarLastName(savedLastName);
-        }
+    if (savedBanner) {
+      const navBanner = this.shadowRoot?.querySelector('.banner-image') as HTMLImageElement;
+      if (navBanner) navBanner.src = savedBanner;
     }
 
-    private showAlert(message: string): void {
-        // Créer la popup si elle n'existe pas
-        let alertPopup = this.shadowRoot?.querySelector('.alert-popup');
-        if (!alertPopup) {
-            alertPopup = document.createElement('div');
-            alertPopup.className = 'alert-popup';
-            this.shadowRoot?.appendChild(alertPopup);
-        }
+    if (savedName) {
+      this.updateNavbarName(savedName);
+    }
+    if (savedLastName) {
+      this.updateNavbarLastName(savedLastName);
+    }
+  }
 
-        // Définir le message et afficher la popup
-        alertPopup.textContent = message;
-        (alertPopup as HTMLElement).style.display = 'block';
-
-        // Cacher la popup après 3 secondes
-        setTimeout(() => {
-            (alertPopup as HTMLElement).style.display = 'none';
-        }, 3000);
+  private showAlert(message: string): void {
+    // Créer la popup si elle n'existe pas
+    let alertPopup = this.shadowRoot?.querySelector('.alert-popup');
+    if (!alertPopup) {
+      alertPopup = document.createElement('div');
+      alertPopup.className = 'alert-popup';
+      this.shadowRoot?.appendChild(alertPopup);
     }
 
+    // Définir le message et afficher la popup
+    alertPopup.textContent = message;
+    (alertPopup as HTMLElement).style.display = 'block';
 
-    // Fonctions de gestion des comptes et de l'interface utilisateur
-    private confirmDeleteAccount(): void {
-        const modal = document.createElement('div');
-        modal.className = 'confirm-delete-modal';
-        modal.innerHTML = `
+    // Cacher la popup après 3 secondes
+    setTimeout(() => {
+      (alertPopup as HTMLElement).style.display = 'none';
+    }, 3000);
+  }
+
+  // Fonctions de gestion des comptes et de l'interface utilisateur
+  private confirmDeleteAccount(): void {
+    const modal = document.createElement('div');
+    modal.className = 'confirm-delete-modal';
+    modal.innerHTML = `
         <h3>Delete Account</h3>
         <p>Are you sure you want to delete your account? This action cannot be undone.</p>
         <div class="confirm-delete-buttons">
@@ -302,52 +300,51 @@ class AccountElement extends HTMLElement {
     const confirmBtn = modal.querySelector('.confirm-btn');
 
     cancelBtn?.addEventListener('click', () => {
-        modal.remove();
+      modal.remove();
     });
 
-        confirmBtn?.addEventListener('click', () => {
-            this.deleteAccount();
-            modal.remove();
-        });
-}
+    confirmBtn?.addEventListener('click', () => {
+      this.deleteAccount();
+      modal.remove();
+    });
+  }
 
-private deleteAccount(): void {
+  private deleteAccount(): void {
     localStorage.clear();
     window.location.href = '/login.html';
-}
+  }
 
-private updateNavbarBanner(imageUrl: string): void {
+  private updateNavbarBanner(imageUrl: string): void {
     const navbarSection = this.shadowRoot?.querySelector('.nav-wrapper .avatar-section');
     if (!navbarSection) return;
 
     let bannerImg = navbarSection.querySelector<HTMLImageElement>('.banner-image');
 
     if (!bannerImg) {
-        bannerImg = document.createElement('img');
-        bannerImg.className = 'banner-image';
-        navbarSection.insertBefore(bannerImg, navbarSection.firstChild);
+      bannerImg = document.createElement('img');
+      bannerImg.className = 'banner-image';
+      navbarSection.insertBefore(bannerImg, navbarSection.firstChild);
     }
 
     bannerImg.src = imageUrl;
-}
+  }
 
-private saveBannerToLocalStorage(dataUrl: string): void {
+  private saveBannerToLocalStorage(dataUrl: string): void {
     localStorage.setItem('userBanner', dataUrl);
-}
+  }
 
-private loadSavedBanner(): void {
+  private loadSavedBanner(): void {
     const savedBanner = localStorage.getItem('userBanner');
     if (savedBanner) {
-        const bannerImg = this.shadowRoot?.getElementById('popup-banner-img') as HTMLImageElement;
-        if (bannerImg) {
-            bannerImg.src = savedBanner;
-        }
-        this.updateNavbarBanner(savedBanner);
+      const bannerImg = this.shadowRoot?.getElementById('popup-banner-img') as HTMLImageElement;
+      if (bannerImg) {
+        bannerImg.src = savedBanner;
+      }
+      this.updateNavbarBanner(savedBanner);
     }
-}
+  }
 
-
-private closeNotificationPopup(event: Event): void {
+  private closeNotificationPopup(event: Event): void {
     const target = event.target as HTMLElement;
     const isOverlay = target.classList.contains('notification-popup-overlay');
     const isCloseButton = target.classList.contains('close-popup');
@@ -355,13 +352,13 @@ private closeNotificationPopup(event: Event): void {
 
     const popup = this.shadowRoot?.querySelector('.notification-popup-overlay');
     if (popup) popup.remove();
-}
+  }
 
-private markAsRead(processName: string, messageId: number, element: HTMLElement): void {
-    const process = mockProcessRows.find(p => p.process === processName);
+  private markAsRead(processName: string, messageId: number, element: HTMLElement): void {
+    const process = mockProcessRows.find((p) => p.process === processName);
     if (!process) return;
 
-    const message = process.notification.messages.find(m => m.id === messageId);
+    const message = process.notification.messages.find((m) => m.id === messageId);
     if (!message || message.read) return;
 
     message.read = true;
@@ -371,7 +368,7 @@ private markAsRead(processName: string, messageId: number, element: HTMLElement)
 
     const statusIcon = element.querySelector('.notification-status');
     if (statusIcon) {
-        statusIcon.innerHTML = `
+      statusIcon.innerHTML = `
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="16" height="16" fill="green">
                 <path d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/>
             </svg>`;
@@ -380,109 +377,110 @@ private markAsRead(processName: string, messageId: number, element: HTMLElement)
     const notifCount = this.calculateNotifications(process.notification.messages);
     const countElement = this.shadowRoot?.querySelector(`.notification-count[data-process="${processName}"]`);
     if (countElement) {
-        countElement.textContent = `${notifCount.unread}/${notifCount.total}`;
+      countElement.textContent = `${notifCount.unread}/${notifCount.total}`;
 
-        const bellContainer = countElement.closest('.notification-container');
-        const bell = bellContainer?.querySelector('svg');  // Changé de .fa-bell à svg
-        if (bell && bellContainer && notifCount.unread === 0) {
-            bellContainer.classList.remove('has-unread');
-            (bell as SVGElement).style.fill = '#666';  // Utiliser fill au lieu de color pour SVG
-        }
+      const bellContainer = countElement.closest('.notification-container');
+      const bell = bellContainer?.querySelector('svg'); // Changé de .fa-bell à svg
+      if (bell && bellContainer && notifCount.unread === 0) {
+        bellContainer.classList.remove('has-unread');
+        (bell as SVGElement).style.fill = '#666'; // Utiliser fill au lieu de color pour SVG
+      }
     }
-}
+  }
 
-// Fonctions de gestion des données et de l'interface
-private calculateNotifications(messages: NotificationMessage[]): { unread: number; total: number } {
+  // Fonctions de gestion des données et de l'interface
+  private calculateNotifications(messages: NotificationMessage[]): { unread: number; total: number } {
     const total = messages.length;
-    const unread = messages.filter(msg => !msg.read).length;
+    const unread = messages.filter((msg) => !msg.read).length;
     return { unread, total };
-}
+  }
 
-// Fonctions de récupération
-private exportRecovery(): void {
+  // Fonctions de récupération
+  private exportRecovery(): void {
     Swal.fire({
-        title: 'Recovery Words Export',
-        text: '4 words will be displayed. We strongly recommend writing them down on paper before exporting the account. Do you want to continue?',
-        icon: 'warning',
-        showCancelButton: true,
-        confirmButtonText: 'Confirm',
-        cancelButtonText: 'Cancel',
-        confirmButtonColor: '#C89666',
-        cancelButtonColor: '#6c757d',
-        // Ajouter des styles personnalisés
-        customClass: {
-            container: 'recovery-popup-container',
-            popup: 'recovery-popup'
-        }
+      title: 'Recovery Words Export',
+      text: '4 words will be displayed. We strongly recommend writing them down on paper before exporting the account. Do you want to continue?',
+      icon: 'warning',
+      showCancelButton: true,
+      confirmButtonText: 'Confirm',
+      cancelButtonText: 'Cancel',
+      confirmButtonColor: '#C89666',
+      cancelButtonColor: '#6c757d',
+      // Ajouter des styles personnalisés
+      customClass: {
+        container: 'recovery-popup-container',
+        popup: 'recovery-popup',
+      },
     }).then((result) => {
-        if (result.isConfirmed) {
-            const recoveryWords = this.generateRecoveryWords();
-            localStorage.setItem('recoveryWords', JSON.stringify(recoveryWords));
+      if (result.isConfirmed) {
+        const recoveryWords = this.generateRecoveryWords();
+        localStorage.setItem('recoveryWords', JSON.stringify(recoveryWords));
 
-            Swal.fire({
-                title: 'Your Recovery Words',
-                html: `
+        Swal.fire({
+          title: 'Your Recovery Words',
+          html: `
                     <div class="recovery-words-container">
-                        ${recoveryWords.map((word, index) => `
+                        ${recoveryWords
+                          .map(
+                            (word, index) => `
                             <div class="recovery-word">
                                 <span class="word-number">${index + 1}.</span>
                                 <span class="word">${word}</span>
                             </div>
-                        `).join('')}
+                        `,
+                          )
+                          .join('')}
                     </div>
                     <div class="recovery-warning">
                         Please write these words down carefully. They will be needed to recover your account.
                     </div>
                 `,
-                showCancelButton: false,
-                confirmButtonText: 'I confirm the export',
-                confirmButtonColor: '#C89666',
-                allowOutsideClick: false,
-                allowEscapeKey: false,
-                customClass: {
-                    container: 'recovery-popup-container',
-                    popup: 'recovery-popup'
-                }
-            }).then((result) => {
-                if (result.isConfirmed) {
-                    // Stocker l'état du bouton dans le localStorage
-                    localStorage.setItem('recoveryExported', 'true');
+          showCancelButton: false,
+          confirmButtonText: 'I confirm the export',
+          confirmButtonColor: '#C89666',
+          allowOutsideClick: false,
+          allowEscapeKey: false,
+          customClass: {
+            container: 'recovery-popup-container',
+            popup: 'recovery-popup',
+          },
+        }).then((result) => {
+          if (result.isConfirmed) {
+            // Stocker l'état du bouton dans le localStorage
+            localStorage.setItem('recoveryExported', 'true');
 
-                    const exportRecoveryBtn = this.shadowRoot?.querySelector('.recovery-btn') as HTMLButtonElement;
-                    if (exportRecoveryBtn) {
-                        exportRecoveryBtn.disabled = true;
-                        exportRecoveryBtn.style.opacity = '0.5';
-                        exportRecoveryBtn.style.cursor = 'not-allowed';
-                    }
-                }
-            });
-        }
+            const exportRecoveryBtn = this.shadowRoot?.querySelector('.recovery-btn') as HTMLButtonElement;
+            if (exportRecoveryBtn) {
+              exportRecoveryBtn.disabled = true;
+              exportRecoveryBtn.style.opacity = '0.5';
+              exportRecoveryBtn.style.cursor = 'not-allowed';
+            }
+          }
+        });
+      }
     });
-}
+  }
 
-private generateRecoveryWords(): string[] {
-    const wordsList = [
-        'apple', 'banana', 'orange', 'grape', 'kiwi', 'mango', 'peach', 'plum',
-        'lemon', 'lime', 'cherry', 'melon', 'pear', 'fig', 'date', 'berry'
-    ];
+  private generateRecoveryWords(): string[] {
+    const wordsList = ['apple', 'banana', 'orange', 'grape', 'kiwi', 'mango', 'peach', 'plum', 'lemon', 'lime', 'cherry', 'melon', 'pear', 'fig', 'date', 'berry'];
     const recoveryWords: string[] = [];
     while (recoveryWords.length < 4) {
-        const randomWord = wordsList[Math.floor(Math.random() * wordsList.length)];
-        if (!recoveryWords.includes(randomWord)) {
-            recoveryWords.push(randomWord);
-        }
+      const randomWord = wordsList[Math.floor(Math.random() * wordsList.length)];
+      if (!recoveryWords.includes(randomWord)) {
+        recoveryWords.push(randomWord);
+      }
     }
     return recoveryWords;
-}
+  }
 
-private exportUserData(): void {
+  private exportUserData(): void {
     const data: { [key: string]: string | null } = {};
     for (let i = 0; i < localStorage.length; i++) {
-        const key = localStorage.key(i);
-        if (key) {
-            const value = localStorage.getItem(key);
-            data[key] = value;
-        }
+      const key = localStorage.key(i);
+      if (key) {
+        const value = localStorage.getItem(key);
+        data[key] = value;
+      }
     }
 
     const jsonData = JSON.stringify(data, null, 2);
@@ -495,9 +493,9 @@ private exportUserData(): void {
     a.click();
     this.shadowRoot?.removeChild(a);
     URL.revokeObjectURL(url);
-}
+  }
 
-private updateActionButtons(): void {
+  private updateActionButtons(): void {
     const buttonContainer = this.shadowRoot?.querySelector('.button-container');
     if (!buttonContainer) return;
 
@@ -507,32 +505,32 @@ private updateActionButtons(): void {
             <button onclick="${this.getCancelFunction()}" class="action-button cancel-button">✗</button>
         </div>
     `;
-}
+  }
 
-private getConfirmFunction(): string {
+  private getConfirmFunction(): string {
     switch (currentMode) {
-        case 'wallet':
-            return 'window.confirmWalletRow()';
-        case 'process':
-            return 'window.confirmProcessRow()';
-        default:
-            return 'window.confirmRowPairing()';
+      case 'wallet':
+        return 'window.confirmWalletRow()';
+      case 'process':
+        return 'window.confirmProcessRow()';
+      default:
+        return 'window.confirmRowPairing()';
     }
-}
+  }
 
-private getCancelFunction(): string {
+  private getCancelFunction(): string {
     switch (currentMode) {
-        case 'wallet':
-            return 'window.cancelWalletRow()';
-        case 'process':
-            return 'window.cancelProcessRow()';
-        default:
-            return 'window.cancelRowPairing()';
+      case 'wallet':
+        return 'window.cancelWalletRow()';
+      case 'process':
+        return 'window.cancelProcessRow()';
+      default:
+        return 'window.cancelRowPairing()';
     }
-}
+  }
 
-// Fonctions de gestion des tableaux
-private async addRowPairing(): Promise<void> {
+  // Fonctions de gestion des tableaux
+  private async addRowPairing(): Promise<void> {
     if (isAddingRow) return;
     isAddingRow = true;
 
@@ -574,55 +572,57 @@ private async addRowPairing(): Promise<void> {
 
     // Mettre à jour les emojis automatiquement
     spAddressInput?.addEventListener('input', async () => {
-        const emojis = await addressToEmoji(spAddressInput.value);
-        if (spEmojisInput) spEmojisInput.value = emojis;
+      const emojis = await addressToEmoji(spAddressInput.value);
+      if (spEmojisInput) spEmojisInput.value = emojis;
     });
 
     // Gérer la confirmation
     confirmButton?.addEventListener('click', () => {
-        const spAddress = spAddressInput?.value.trim();
-        const deviceName = deviceNameInput?.value.trim();
-        const spEmojis = spEmojisInput?.value.trim();
+      const spAddress = spAddressInput?.value.trim();
+      const deviceName = deviceNameInput?.value.trim();
+      const spEmojis = spEmojisInput?.value.trim();
 
-        if (!spAddress || !deviceName) {
-            this.showAlert('Please fill in all required fields');
-            return;
-        }
+      if (!spAddress || !deviceName) {
+        this.showAlert('Please fill in all required fields');
+        return;
+      }
 
-        //if (spAddress.length !== 118) {
-        //    this.showAlert('SP Address must be exactly 118 characters long');
-        //    return;
-        //}
+      //if (spAddress.length !== 118) {
+      //    this.showAlert('SP Address must be exactly 118 characters long');
+      //    return;
+      //}
 
-        const newRow: Row = {
-            column1: spAddress,
-            column2: deviceName,
-            column3: spEmojis || ''
-        };
+      const newRow: Row = {
+        column1: spAddress,
+        column2: deviceName,
+        column3: spEmojis || '',
+      };
 
-        const storageKey = STORAGE_KEYS[currentMode];
-        const rows: Row[] = JSON.parse(localStorage.getItem(storageKey) || '[]');
-        rows.push(newRow);
-        localStorage.setItem(storageKey, JSON.stringify(rows));
+      const storageKey = STORAGE_KEYS[currentMode];
+      const rows: Row[] = JSON.parse(localStorage.getItem(storageKey) || '[]');
+      rows.push(newRow);
+      localStorage.setItem(storageKey, JSON.stringify(rows));
 
-        this.updateTableContent(rows);
-        modal.remove();
-        isAddingRow = false;
+      this.updateTableContent(rows);
+      modal.remove();
+      isAddingRow = false;
     });
 
     // Gérer l'annulation
     cancelButton?.addEventListener('click', () => {
-        modal.remove();
-        isAddingRow = false;
+      modal.remove();
+      isAddingRow = false;
     });
-}
+  }
 
-// Fonctions de mise à jour de l'interface
-private updateTableContent(rows: Row[]): void {
+  // Fonctions de mise à jour de l'interface
+  private updateTableContent(rows: Row[]): void {
     const tbody = this.shadowRoot?.querySelector('#pairing-table tbody');
     if (!tbody) return;
 
-    tbody.innerHTML = rows.map(row => `
+    tbody.innerHTML = rows
+      .map(
+        (row) => `
         <tr>
             <td class="device-name" onclick="window.editDeviceName(this)">${row.column2}</td>
             <td>${row.column3}</td>
@@ -641,33 +641,33 @@ private updateTableContent(rows: Row[]): void {
                 </button>
             </td>
         </tr>
-    `).join('');
-}
+    `,
+      )
+      .join('');
+  }
 
-
-
-private confirmRowPairing(): void {
+  private confirmRowPairing(): void {
     if (!currentRow) return;
 
     const inputs = currentRow.getElementsByTagName('input');
-    const values: string[] = Array.from(inputs).map(input => input.value.trim());
+    const values: string[] = Array.from(inputs).map((input) => input.value.trim());
 
     // Vérification des champs vides
-    if (values.some(value => value === '')) {
-        this.showAlert('Please fill in all fields');
-        return;
+    if (values.some((value) => value === '')) {
+      this.showAlert('Please fill in all fields');
+      return;
     }
 
     // Vérification de la longueur de l'adresse SP
     if (values[0].length !== 118) {
-        this.showAlert('SP Address must be exactly 118 characters long');
-        return;
+      this.showAlert('SP Address must be exactly 118 characters long');
+      return;
     }
 
     const newRow: Row = {
-        column1: values[0],
-        column2: values[1],
-        column3: values[2]
+      column1: values[0],
+      column2: values[1],
+      column3: values[2],
     };
 
     const storageKey = STORAGE_KEYS[currentMode];
@@ -680,9 +680,9 @@ private confirmRowPairing(): void {
 
     this.resetButtonContainer();
     this.updateTableContent(rows);
-}
+  }
 
-private cancelRowPairing(): void {
+  private cancelRowPairing(): void {
     if (!currentRow) return;
 
     currentRow.remove();
@@ -690,18 +690,18 @@ private cancelRowPairing(): void {
     currentRow = null;
 
     this.resetButtonContainer();
-}
+  }
 
-private resetButtonContainer(): void {
+  private resetButtonContainer(): void {
     const buttonContainer = this.shadowRoot?.querySelector('.button-container');
     if (!buttonContainer) return;
 
     buttonContainer.innerHTML = `
         <button class="add-row-button button-style" onclick="window.addRowPairing()">Add a line</button>
     `;
-}
+  }
 
-private deleteRowPairing(button: HTMLButtonElement): void {
+  private deleteRowPairing(button: HTMLButtonElement): void {
     const row = button.closest('tr');
     if (!row) return;
 
@@ -710,8 +710,8 @@ private deleteRowPairing(button: HTMLButtonElement): void {
 
     const remainingRows = table.getElementsByTagName('tr').length;
     if (remainingRows <= 2) {
-        this.showAlert('You must keep at least 2 devices paired');
-        return;
+      this.showAlert('You must keep at least 2 devices paired');
+      return;
     }
 
     // Créer la modal de confirmation
@@ -735,35 +735,35 @@ private deleteRowPairing(button: HTMLButtonElement): void {
     const cancelBtn = modal.querySelector('.cancel-btn');
 
     confirmBtn?.addEventListener('click', () => {
-        // Calculer l'index AVANT de supprimer la ligne du DOM
-        const index = Array.from(table.children).indexOf(row);
-        const storageKey = STORAGE_KEYS[currentMode];
-        const rows = JSON.parse(localStorage.getItem(storageKey) || '[]');
+      // Calculer l'index AVANT de supprimer la ligne du DOM
+      const index = Array.from(table.children).indexOf(row);
+      const storageKey = STORAGE_KEYS[currentMode];
+      const rows = JSON.parse(localStorage.getItem(storageKey) || '[]');
 
-        // Supprimer du localStorage
-        if (index > -1) {
-            rows.splice(index, 1);
-            localStorage.setItem(storageKey, JSON.stringify(rows));
-        }
+      // Supprimer du localStorage
+      if (index > -1) {
+        rows.splice(index, 1);
+        localStorage.setItem(storageKey, JSON.stringify(rows));
+      }
 
-        // Animation et suppression du DOM
-        row.style.transition = 'opacity 0.3s, transform 0.3s';
-        row.style.opacity = '0';
-        row.style.transform = 'translateX(-100%)';
+      // Animation et suppression du DOM
+      row.style.transition = 'opacity 0.3s, transform 0.3s';
+      row.style.opacity = '0';
+      row.style.transform = 'translateX(-100%)';
 
-        setTimeout(() => {
-            row.remove();
-        }, 300);
+      setTimeout(() => {
+        row.remove();
+      }, 300);
 
-        modal.remove();
+      modal.remove();
     });
 
     cancelBtn?.addEventListener('click', () => {
-        modal.remove();
+      modal.remove();
     });
-}
+  }
 
-private editDeviceName(cell: HTMLTableCellElement): void {
+  private editDeviceName(cell: HTMLTableCellElement): void {
     if (cell.classList.contains('editing')) return;
 
     const currentValue = cell.textContent || '';
@@ -774,140 +774,143 @@ private editDeviceName(cell: HTMLTableCellElement): void {
 
     input.addEventListener('blur', () => this.finishEditing(cell, input));
     input.addEventListener('keypress', (e: KeyboardEvent) => {
-        if (e.key === 'Enter') {
-            this.finishEditing(cell, input);
-        }
+      if (e.key === 'Enter') {
+        this.finishEditing(cell, input);
+      }
     });
 
     cell.textContent = '';
     cell.appendChild(input);
     cell.classList.add('editing');
     input.focus();
-}
+  }
 
-private async finishEditing(cell: HTMLTableCellElement, input: HTMLInputElement): Promise<void> {
+  private async finishEditing(cell: HTMLTableCellElement, input: HTMLInputElement): Promise<void> {
     const newValue = input.value.trim();
     if (newValue === '') {
-        cell.textContent = cell.getAttribute('data-original-value') || '';
-        cell.classList.remove('editing');
-        return;
+      cell.textContent = cell.getAttribute('data-original-value') || '';
+      cell.classList.remove('editing');
+      return;
     }
 
     try {
-        const service = await Services.getInstance();
-        const pairingProcessId = service.getPairingProcessId();
-        const process = await service.getProcess(pairingProcessId);
+      const service = await Services.getInstance();
+      const pairingProcessId = service.getPairingProcessId();
+      const process = await service.getProcess(pairingProcessId);
 
-        // Mettre à jour le nom via le service
-        if (process) {
-            await service.updateMemberPublicName(process, newValue);
-        }
+      // Mettre à jour le nom via le service
+      if (process) {
+        await service.updateMemberPublicName(process, newValue);
+      }
 
-        // Mettre à jour l'interface
-        cell.textContent = newValue;
-        cell.classList.remove('editing');
+      // Mettre à jour l'interface
+      cell.textContent = newValue;
+      cell.classList.remove('editing');
     } catch (error) {
-        console.error('Failed to update name:', error);
-        // Restaurer l'ancienne valeur en cas d'erreur
-        cell.textContent = cell.getAttribute('data-original-value') || '';
-        cell.classList.remove('editing');
+      console.error('Failed to update name:', error);
+      // Restaurer l'ancienne valeur en cas d'erreur
+      cell.textContent = cell.getAttribute('data-original-value') || '';
+      cell.classList.remove('editing');
     }
-}
+  }
 
-// Fonction pour gérer le téléchargement de l'avatar
-private handleAvatarUpload(event: Event): void {
+  // Fonction pour gérer le téléchargement de l'avatar
+  private handleAvatarUpload(event: Event): void {
     const input = event.target as HTMLInputElement;
     const file = input.files?.[0];
 
     if (file) {
-        const reader = new FileReader();
-        reader.onload = (e: ProgressEvent<FileReader>) => {
-            const result = e.target?.result as string;
-            const popupAvatar = this.shadowRoot?.getElementById('popup-avatar-img') as HTMLImageElement;
-            const navAvatar = this.shadowRoot?.querySelector('.nav-wrapper .avatar') as HTMLImageElement;
+      const reader = new FileReader();
+      reader.onload = (e: ProgressEvent<FileReader>) => {
+        const result = e.target?.result as string;
+        const popupAvatar = this.shadowRoot?.getElementById('popup-avatar-img') as HTMLImageElement;
+        const navAvatar = this.shadowRoot?.querySelector('.nav-wrapper .avatar') as HTMLImageElement;
 
-            if (popupAvatar) popupAvatar.src = result;
-            if (navAvatar) navAvatar.src = result;
+        if (popupAvatar) popupAvatar.src = result;
+        if (navAvatar) navAvatar.src = result;
 
-            localStorage.setItem('userAvatar', result);
-        };
-        reader.readAsDataURL(file);
+        localStorage.setItem('userAvatar', result);
+      };
+      reader.readAsDataURL(file);
     }
-}
+  }
 
-private async showProcessCreation(): Promise<void> {
+  private async showProcessCreation(): Promise<void> {
     this.hideAllContent();
     const container = this.shadowRoot?.getElementById('process-creation-content');
     if (container) {
-        getProcessCreation(container);
+      getProcessCreation(container);
     }
-}
+  }
 
-private async showDocumentValidation(): Promise<void> {
+  private async showDocumentValidation(): Promise<void> {
     this.hideAllContent();
     const container = this.shadowRoot?.getElementById('document-validation-content');
     if (container) {
-        getDocumentValidation(container);
+      getDocumentValidation(container);
     }
-}
+  }
 
-private async showProcess(): Promise<void> {
+  private async showProcess(): Promise<void> {
     this.hideAllContent();
     const container = this.shadowRoot?.getElementById('process-content');
     if (container) {
-        const service = await Services.getInstance();
-        const myProcesses = await service.getMyProcesses();
-        if (myProcesses && myProcesses.length != 0) {
-            const myProcessesDataUnfiltered: { name: string, publicData: Record<string, any> }[] = await Promise.all(myProcesses.map(async processId => {
-                const process = await service.getProcess(processId);
-                const lastState = process ? service.getLastCommitedState(process) : null;
-                if (!lastState) {
-                    return {
-                        name: '',
-                        publicData: {}
-                    };
-                }
-                const description = await service.decryptAttribute(processId, lastState, 'description');
-                const name = description ? description : 'N/A';
-                const publicData = process ? await service.getPublicData(process) : null;
-                if (!publicData) {
-                    return {
-                        name: '',
-                        publicData: {}
-                    };
-                }
-                return {
-                    name: name,
-                    publicData: publicData
-                };
-            }));
-            const myProcessesData = myProcessesDataUnfiltered.filter(
-                (p) => p.name !== '' && Object.keys(p.publicData).length != 0
-            );
+      const service = await Services.getInstance();
+      const myProcesses = await service.getMyProcesses();
+      if (myProcesses && myProcesses.length != 0) {
+        const myProcessesDataUnfiltered: { name: string; publicData: Record<string, any> }[] = await Promise.all(
+          myProcesses.map(async (processId) => {
+            const process = await service.getProcess(processId);
+            const lastState = process ? service.getLastCommitedState(process) : null;
+            if (!lastState) {
+              return {
+                name: '',
+                publicData: {},
+              };
+            }
+            const description = await service.decryptAttribute(processId, lastState, 'description');
+            const name = description ? description : 'N/A';
+            const publicData = process ? await service.getPublicData(process) : null;
+            if (!publicData) {
+              return {
+                name: '',
+                publicData: {},
+              };
+            }
+            return {
+              name: name,
+              publicData: publicData,
+            };
+          }),
+        );
+        const myProcessesData = myProcessesDataUnfiltered.filter((p) => p.name !== '' && Object.keys(p.publicData).length != 0);
 
-            createProcessTab(container, myProcessesData);
-        } else {
-            createProcessTab(container, []);
-        }
+        createProcessTab(container, myProcessesData);
+      } else {
+        createProcessTab(container, []);
+      }
     }
-}
+  }
 
-private showProcessNotifications(processName: string): void {
-    const process = mockProcessRows.find(p => p.process === processName);
+  private showProcessNotifications(processName: string): void {
+    const process = mockProcessRows.find((p) => p.process === processName);
     if (!process) return;
 
     const modal = document.createElement('div');
     modal.className = 'notifications-modal';
 
-    let notificationsList = process.notification.messages.map(msg => `
+    let notificationsList = process.notification.messages
+      .map(
+        (msg) => `
         <div class="notification-item ${msg.read ? 'read' : 'unread'}"
              onclick="window.markAsRead('${processName}', ${msg.id}, this)">
             <div class="notification-status">
-                ${msg.read ?
-                    `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="16" height="16" fill="green">
+                ${
+                  msg.read
+                    ? `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="16" height="16" fill="green">
                         <path d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/>
-                    </svg>` :
-                    `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="16" height="16" fill="black">
+                    </svg>`
+                    : `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="16" height="16" fill="black">
                         <path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512z"/>
                     </svg>`
                 }
@@ -917,10 +920,12 @@ private showProcessNotifications(processName: string): void {
                 <small>${msg.date}</small>
             </div>
         </div>
-    `).join('');
+    `,
+      )
+      .join('');
 
     if (process.notification.messages.length === 0) {
-        notificationsList = '<p>No notifications</p>';
+      notificationsList = '<p>No notifications</p>';
     }
 
     modal.innerHTML = `
@@ -938,35 +943,33 @@ private showProcessNotifications(processName: string): void {
     // Mettre à jour le compteur de notifications
     const countElement = this.shadowRoot?.querySelector(`.notification-count[data-process="${processName}"]`);
     if (countElement) {
-        const notifCount = this.calculateNotifications(process.notification.messages);
-        countElement.textContent = `${notifCount.unread}/${notifCount.total}`;
+      const notifCount = this.calculateNotifications(process.notification.messages);
+      countElement.textContent = `${notifCount.unread}/${notifCount.total}`;
     }
 
     const closeButton = modal.querySelector('.close-notifications');
     closeButton?.addEventListener('click', () => {
-        modal.remove();
-        this.showProcess(); // Rafraîchir l'affichage pour mettre à jour les compteurs
+      modal.remove();
+      this.showProcess(); // Rafraîchir l'affichage pour mettre à jour les compteurs
     });
-}
+  }
 
-
-private handleLogout(): void {
+  private handleLogout(): void {
     localStorage.clear();
     window.location.href = '../login/login.html';
-}
+  }
 
-
-// Fonctions de gestion des contrats
-private showContractPopup(contractId: string, event?: Event) {
+  // Fonctions de gestion des contrats
+  private showContractPopup(contractId: string, event?: Event) {
     if (event) {
-        event.preventDefault();
+      event.preventDefault();
     }
 
     // Check if the contract exists in mockContracts
     const contract = mockContracts[contractId as keyof typeof mockContracts];
     if (!contract) {
-        console.error('Contract not found:', contractId);
-        return;
+      console.error('Contract not found:', contractId);
+      return;
     }
 
     const popup = document.createElement('div');
@@ -980,7 +983,7 @@ private showContractPopup(contractId: string, event?: Event) {
                 <p><strong>Parties:</strong> ${contract.parties.join(', ')}</p>
                 <p><strong>Terms:</strong></p>
                 <ul>
-                    ${contract.terms.map(term => `<li>${term}</li>`).join('')}
+                    ${contract.terms.map((term) => `<li>${term}</li>`).join('')}
                 </ul>
                 <p><strong>Content:</strong> ${contract.content}</p>
             </div>
@@ -994,23 +997,23 @@ private showContractPopup(contractId: string, event?: Event) {
 
     closeBtn?.addEventListener('click', closePopup);
     popup.addEventListener('click', (e) => {
-        if (e.target === popup) closePopup();
+      if (e.target === popup) closePopup();
     });
-}
+  }
 
-// Fonction utilitaire pour cacher tous les contenus
-private hideAllContent(): void {
+  // Fonction utilitaire pour cacher tous les contenus
+  private hideAllContent(): void {
     const contents = ['pairing-content', 'wallet-content', 'process-content', 'process-creation-content', 'data-content', 'document-validation-content'];
-    contents.forEach(id => {
-        const element = this.shadowRoot?.getElementById(id);
-        if (element) {
-            element.style.display = 'none';
-        }
+    contents.forEach((id) => {
+      const element = this.shadowRoot?.getElementById(id);
+      if (element) {
+        element.style.display = 'none';
+      }
     });
-}
+  }
 
-// Fonctions d'affichage des sections
-private async showPairing(): Promise<void> {
+  // Fonctions d'affichage des sections
+  private async showPairing(): Promise<void> {
     const service = await Services.getInstance();
     const spAddress = await service.getDeviceAddress();
 
@@ -1022,13 +1025,13 @@ private async showPairing(): Promise<void> {
 
     const headerElement = this.shadowRoot?.getElementById('parameter-header');
     if (headerElement) {
-        headerElement.textContent = 'Pairing';
+      headerElement.textContent = 'Pairing';
     }
 
     const pairingContent = this.shadowRoot?.getElementById('pairing-content');
     if (pairingContent) {
-        pairingContent.style.display = 'block';
-        pairingContent.innerHTML = `
+      pairingContent.style.display = 'block';
+      pairingContent.innerHTML = `
             <div class="parameter-header" id="parameter-header">Pairing</div>
             <div class="table-container">
                 <table class="parameter-table" id="pairing-table">
@@ -1048,50 +1051,49 @@ private async showPairing(): Promise<void> {
             </div>
         `;
 
-        let rows = JSON.parse(localStorage.getItem(STORAGE_KEYS.pairing) || '[]');
+      let rows = JSON.parse(localStorage.getItem(STORAGE_KEYS.pairing) || '[]');
 
-        const deviceExists = rows.some((row: Row) => row.column1 === spAddress);
+      const deviceExists = rows.some((row: Row) => row.column1 === spAddress);
 
-        if (!deviceExists && spAddress) {
-            const emojis = await addressToEmoji(spAddress);
+      if (!deviceExists && spAddress) {
+        const emojis = await addressToEmoji(spAddress);
 
-            try {
-                // Déboguer le processus de pairing
-                const pairingProcessId = await service.getPairingProcessId();
-                console.log('Pairing Process ID:', pairingProcessId);
+        try {
+          // Déboguer le processus de pairing
+          const pairingProcessId = await service.getPairingProcessId();
+          console.log('Pairing Process ID:', pairingProcessId);
 
-                const pairingProcess = await service.getProcess(pairingProcessId);
-                console.log('Pairing Process:', pairingProcess);
+          const pairingProcess = await service.getProcess(pairingProcessId);
+          console.log('Pairing Process:', pairingProcess);
 
-                const userName = pairingProcess?.states?.[0]?.public_data?.memberPublicName
-                    || localStorage.getItem('userName')
+          const userName = pairingProcess?.states?.[0]?.public_data?.memberPublicName || localStorage.getItem('userName');
 
-                console.log('Username found:', userName);
+          console.log('Username found:', userName);
 
-                const newRow = {
-                    column1: spAddress,
-                    column2: userName,
-                    column3: emojis
-                };
-                rows = [newRow, ...rows];
-                localStorage.setItem(STORAGE_KEYS.pairing, JSON.stringify(rows));
-            } catch (error) {
-                console.error('Error getting pairing process:', error);
-                const newRow = {
-                    column1: spAddress,
-                    column2: 'This Device',
-                    column3: emojis
-                };
-                rows = [newRow, ...rows];
-                localStorage.setItem(STORAGE_KEYS.pairing, JSON.stringify(rows));
-            }
+          const newRow = {
+            column1: spAddress,
+            column2: userName,
+            column3: emojis,
+          };
+          rows = [newRow, ...rows];
+          localStorage.setItem(STORAGE_KEYS.pairing, JSON.stringify(rows));
+        } catch (error) {
+          console.error('Error getting pairing process:', error);
+          const newRow = {
+            column1: spAddress,
+            column2: 'This Device',
+            column3: emojis,
+          };
+          rows = [newRow, ...rows];
+          localStorage.setItem(STORAGE_KEYS.pairing, JSON.stringify(rows));
         }
+      }
 
-        this.updateTableContent(rows);
+      this.updateTableContent(rows);
     }
-}
+  }
 
-private showWallet(): void {
+  private showWallet(): void {
     isAddingRow = false;
     currentRow = null;
 
@@ -1126,23 +1128,26 @@ private showWallet(): void {
 
     const rows = JSON.parse(localStorage.getItem(STORAGE_KEYS.wallet) || '[]');
     this.updateWalletTableContent(rows);
-}
+  }
 
-
-private updateWalletTableContent(rows: WalletRow[]): void {
+  private updateWalletTableContent(rows: WalletRow[]): void {
     const tbody = this.shadowRoot?.querySelector('#wallet-table tbody');
     if (!tbody) return;
 
-    tbody.innerHTML = rows.map(row => `
+    tbody.innerHTML = rows
+      .map(
+        (row) => `
         <tr>
             <td>${row.column1}</td>
             <td>${row.column2}</td>
             <td class="device-name" onclick="editDeviceName(this)">${row.column3}</td>
         </tr>
-    `).join('');
-}
+    `,
+      )
+      .join('');
+  }
 
-private showData(): void {
+  private showData(): void {
     //console.log("showData called");
     currentMode = 'data';
     this.hideAllContent();
@@ -1152,8 +1157,8 @@ private showData(): void {
 
     const dataContent = this.shadowRoot?.getElementById('data-content');
     if (dataContent) {
-        dataContent.style.display = 'block';
-        dataContent.innerHTML = `
+      dataContent.style.display = 'block';
+      dataContent.innerHTML = `
             <div class="parameter-header" id="parameter-header">Data</div>
             <div class="table-container">
                 <table class="parameter-table" id="data-table">
@@ -1172,13 +1177,13 @@ private showData(): void {
             </div>
         `;
 
-        const rows = mockDataRows || JSON.parse(localStorage.getItem(STORAGE_KEYS.data) || '[]');
-        this.updateDataTableContent(rows);
+      const rows = mockDataRows || JSON.parse(localStorage.getItem(STORAGE_KEYS.data) || '[]');
+      this.updateDataTableContent(rows);
     }
-}
+  }
 
-// Fonctions de gestion du wallet
-private addWalletRow(): void {
+  // Fonctions de gestion du wallet
+  private addWalletRow(): void {
     if (isAddingRow) return;
     isAddingRow = true;
 
@@ -1188,13 +1193,13 @@ private addWalletRow(): void {
     currentRow = table.insertRow();
     const placeholders = ['Label', 'Wallet', 'Type'];
 
-    placeholders.forEach(placeholder => {
-        const cell = currentRow!.insertCell();
-        const input = document.createElement('input');
-        input.type = 'text';
-        input.placeholder = placeholder;
-        input.className = 'edit-input';
-        cell.appendChild(input);
+    placeholders.forEach((placeholder) => {
+      const cell = currentRow!.insertCell();
+      const input = document.createElement('input');
+      input.type = 'text';
+      input.placeholder = placeholder;
+      input.className = 'edit-input';
+      cell.appendChild(input);
     });
 
     // Remplacer le bouton "Add a line" par les boutons de confirmation/annulation
@@ -1209,34 +1214,34 @@ private addWalletRow(): void {
     `;
 
     this.updateActionButtons();
-}
+  }
 
-private confirmWalletRow(): void {
+  private confirmWalletRow(): void {
     if (!currentRow) return;
 
     const inputs = Array.from(currentRow.getElementsByTagName('input'));
-    const allFieldsFilled = inputs.every(input => input.value.trim() !== '');
+    const allFieldsFilled = inputs.every((input) => input.value.trim() !== '');
 
     if (allFieldsFilled) {
-        const newRow: WalletRow = {
-            column1: inputs[0].value.trim(),
-            column2: inputs[1].value.trim(),
-            column3: inputs[2].value.trim()
-        };
+      const newRow: WalletRow = {
+        column1: inputs[0].value.trim(),
+        column2: inputs[1].value.trim(),
+        column3: inputs[2].value.trim(),
+      };
 
-        const rows = JSON.parse(localStorage.getItem(STORAGE_KEYS.wallet) || '[]');
-        rows.push(newRow);
-        localStorage.setItem(STORAGE_KEYS.wallet, JSON.stringify(rows));
+      const rows = JSON.parse(localStorage.getItem(STORAGE_KEYS.wallet) || '[]');
+      rows.push(newRow);
+      localStorage.setItem(STORAGE_KEYS.wallet, JSON.stringify(rows));
 
-        isAddingRow = false;
-        currentRow = null;
-        this.showWallet();
+      isAddingRow = false;
+      currentRow = null;
+      this.showWallet();
     } else {
-        this.showAlert('Please complete all fields before confirming.');
+      this.showAlert('Please complete all fields before confirming.');
     }
-}
+  }
 
-private cancelWalletRow(): void {
+  private cancelWalletRow(): void {
     if (!currentRow) return;
 
     currentRow.remove();
@@ -1250,15 +1255,15 @@ private cancelWalletRow(): void {
     buttonContainer.innerHTML = `
         <button class="add-row-button button-style" onclick="window.addWalletRow()">Add a line</button>
     `;
+  }
 
-
-}
-
-private updateDataTableContent(rows: DataRow[]): void {
+  private updateDataTableContent(rows: DataRow[]): void {
     const tbody = this.shadowRoot?.querySelector('#data-table tbody');
     if (!tbody) return;
 
-    tbody.innerHTML = rows.map(row => `
+    tbody.innerHTML = rows
+      .map(
+        (row) => `
         <tr>
             <td>${row.column1}</td>
             <td>${row.column2}</td>
@@ -1269,11 +1274,13 @@ private updateDataTableContent(rows: DataRow[]): void {
                 <a href="javascript:void(0)" onclick="window.showContractPopup('${row.column6}'); return false;">${row.column6}</a>
             </td>
         </tr>
-    `).join('');
-}
+    `,
+      )
+      .join('');
+  }
 
-// Fonctions de gestion de l'avatar et de la bannière
-private openAvatarPopup(): void {
+  // Fonctions de gestion de l'avatar et de la bannière
+  private openAvatarPopup(): void {
     const popup = this.shadowRoot?.getElementById('avatar-popup');
     if (!popup) return;
 
@@ -1340,75 +1347,75 @@ private openAvatarPopup(): void {
     const bannerInput = popup.querySelector('#banner-upload') as HTMLInputElement;
 
     if (bannerImg && bannerInput) {
-        bannerImg.addEventListener('click', () => {
-            bannerInput.click();
-        });
+      bannerImg.addEventListener('click', () => {
+        bannerInput.click();
+      });
     }
 
     const recoveryExported = localStorage.getItem('recoveryExported') === 'true';
     if (recoveryExported) {
-        const exportRecoveryBtn = popup.querySelector('.recovery-btn') as HTMLButtonElement;
-        if (exportRecoveryBtn) {
-            exportRecoveryBtn.disabled = true;
-            exportRecoveryBtn.style.opacity = '0.5';
-            exportRecoveryBtn.style.cursor = 'not-allowed';
-        }
+      const exportRecoveryBtn = popup.querySelector('.recovery-btn') as HTMLButtonElement;
+      if (exportRecoveryBtn) {
+        exportRecoveryBtn.disabled = true;
+        exportRecoveryBtn.style.opacity = '0.5';
+        exportRecoveryBtn.style.cursor = 'not-allowed';
+      }
     }
-}
+  }
 
-private setupEventListeners(popup: HTMLElement): void {
+  private setupEventListeners(popup: HTMLElement): void {
     // Gestionnaire pour la fermeture
     const closeBtn = popup.querySelector('.close-popup');
     if (closeBtn) {
-        closeBtn.addEventListener('click', () => {
-            popup.style.display = 'none';
-        });
+      closeBtn.addEventListener('click', () => {
+        popup.style.display = 'none';
+      });
     }
 
     // Gestionnaire pour l'upload d'avatar
     const avatarUpload = popup.querySelector('#avatar-upload') as HTMLInputElement;
     if (avatarUpload) {
-        avatarUpload.addEventListener('change', (e: Event) => {
-            const file = (e.target as HTMLInputElement).files?.[0];
-            if (file) {
-                const reader = new FileReader();
-                reader.onload = (e: ProgressEvent<FileReader>) => {
-                    const result = e.target?.result as string;
-                    // Mise à jour de l'avatar dans la preview et le popup
-                    const popupAvatar = this.shadowRoot?.getElementById('popup-avatar-img') as HTMLImageElement;
-                    const previewAvatar = this.shadowRoot?.querySelector('.preview-avatar') as HTMLImageElement;
+      avatarUpload.addEventListener('change', (e: Event) => {
+        const file = (e.target as HTMLInputElement).files?.[0];
+        if (file) {
+          const reader = new FileReader();
+          reader.onload = (e: ProgressEvent<FileReader>) => {
+            const result = e.target?.result as string;
+            // Mise à jour de l'avatar dans la preview et le popup
+            const popupAvatar = this.shadowRoot?.getElementById('popup-avatar-img') as HTMLImageElement;
+            const previewAvatar = this.shadowRoot?.querySelector('.preview-avatar') as HTMLImageElement;
 
-                    if (popupAvatar) popupAvatar.src = result;
-                    if (previewAvatar) previewAvatar.src = result;
+            if (popupAvatar) popupAvatar.src = result;
+            if (previewAvatar) previewAvatar.src = result;
 
-                    localStorage.setItem('userAvatar', result);
-                };
-                reader.readAsDataURL(file);
-            }
-        });
+            localStorage.setItem('userAvatar', result);
+          };
+          reader.readAsDataURL(file);
+        }
+      });
     }
 
     // Gestionnaire pour l'upload de bannière
     const bannerUpload = popup.querySelector('#banner-upload') as HTMLInputElement;
     if (bannerUpload) {
-        bannerUpload.addEventListener('change', (e: Event) => {
-            const file = (e.target as HTMLInputElement).files?.[0];
-            if (file) {
-                const reader = new FileReader();
-                reader.onload = (e: ProgressEvent<FileReader>) => {
-                    const result = e.target?.result as string;
-                    // Mise à jour de la bannière dans la preview et le popup
-                    const popupBanner = this.shadowRoot?.getElementById('popup-banner-img') as HTMLImageElement;
-                    const previewBanner = this.shadowRoot?.querySelector('.preview-banner-img') as HTMLImageElement;
+      bannerUpload.addEventListener('change', (e: Event) => {
+        const file = (e.target as HTMLInputElement).files?.[0];
+        if (file) {
+          const reader = new FileReader();
+          reader.onload = (e: ProgressEvent<FileReader>) => {
+            const result = e.target?.result as string;
+            // Mise à jour de la bannière dans la preview et le popup
+            const popupBanner = this.shadowRoot?.getElementById('popup-banner-img') as HTMLImageElement;
+            const previewBanner = this.shadowRoot?.querySelector('.preview-banner-img') as HTMLImageElement;
 
-                    if (popupBanner) popupBanner.src = result;
-                    if (previewBanner) previewBanner.src = result;
+            if (popupBanner) popupBanner.src = result;
+            if (previewBanner) previewBanner.src = result;
 
-                    localStorage.setItem('userBanner', result);
-                };
-                reader.readAsDataURL(file);
-            }
-        });
+            localStorage.setItem('userBanner', result);
+          };
+          reader.readAsDataURL(file);
+        }
+      });
     }
 
     // Gestionnaires pour les champs de texte
@@ -1416,42 +1423,42 @@ private setupEventListeners(popup: HTMLElement): void {
     const lastNameInput = popup.querySelector('#userLastName') as HTMLInputElement;
 
     if (nameInput) {
-        nameInput.addEventListener('input', () => {
-            const newName = nameInput.value;
-            localStorage.setItem('userName', newName);
-            // Mise à jour du nom dans la preview
-            const previewName = this.shadowRoot?.querySelector('.preview-name');
-            if (previewName) previewName.textContent = newName;
-        });
+      nameInput.addEventListener('input', () => {
+        const newName = nameInput.value;
+        localStorage.setItem('userName', newName);
+        // Mise à jour du nom dans la preview
+        const previewName = this.shadowRoot?.querySelector('.preview-name');
+        if (previewName) previewName.textContent = newName;
+      });
     }
 
     if (lastNameInput) {
-        lastNameInput.addEventListener('input', () => {
-            const newLastName = lastNameInput.value;
-            localStorage.setItem('userLastName', newLastName);
-            // Mise à jour du nom de famille dans la preview
-            const previewLastName = this.shadowRoot?.querySelector('.preview-lastname');
-            if (previewLastName) previewLastName.textContent = newLastName;
-        });
+      lastNameInput.addEventListener('input', () => {
+        const newLastName = lastNameInput.value;
+        localStorage.setItem('userLastName', newLastName);
+        // Mise à jour du nom de famille dans la preview
+        const previewLastName = this.shadowRoot?.querySelector('.preview-lastname');
+        if (previewLastName) previewLastName.textContent = newLastName;
+      });
     }
-}
+  }
 
-private closeAvatarPopup(): void {
+  private closeAvatarPopup(): void {
     const popup = this.shadowRoot?.querySelector('.avatar-popup');
     if (popup) popup.remove();
-}
+  }
 
-private loadAvatar(): void {
+  private loadAvatar(): void {
     const savedAvatar = localStorage.getItem('userAvatar');
     if (savedAvatar) {
-        const avatarImg = this.shadowRoot?.querySelector('.avatar') as HTMLImageElement;
-        if (avatarImg) {
-            avatarImg.src = savedAvatar;
-        }
+      const avatarImg = this.shadowRoot?.querySelector('.avatar') as HTMLImageElement;
+      if (avatarImg) {
+        avatarImg.src = savedAvatar;
+      }
     }
-}
+  }
 
-private loadUserInfo(): void {
+  private loadUserInfo(): void {
     const savedName = localStorage.getItem('userName');
     const savedLastName = localStorage.getItem('userLastName');
     const savedAvatar = localStorage.getItem('userAvatar');
@@ -1459,110 +1466,105 @@ private loadUserInfo(): void {
 
     // Mise à jour du nom dans la preview
     if (savedName) {
-        const previewName = this.shadowRoot?.querySelector('.preview-name');
-        if (previewName) {
-            previewName.textContent = savedName;
-        }
+      const previewName = this.shadowRoot?.querySelector('.preview-name');
+      if (previewName) {
+        previewName.textContent = savedName;
+      }
     }
 
     // Mise à jour du nom de famille dans la preview
     if (savedLastName) {
-        const previewLastName = this.shadowRoot?.querySelector('.preview-lastname');
-        if (previewLastName) {
-            previewLastName.textContent = savedLastName;
-        }
+      const previewLastName = this.shadowRoot?.querySelector('.preview-lastname');
+      if (previewLastName) {
+        previewLastName.textContent = savedLastName;
+      }
     }
 
     // Mise à jour de l'avatar dans la preview
     if (savedAvatar) {
-        const previewAvatar = this.shadowRoot?.querySelector('.preview-avatar') as HTMLImageElement;
-        if (previewAvatar) {
-            previewAvatar.src = savedAvatar;
-        }
+      const previewAvatar = this.shadowRoot?.querySelector('.preview-avatar') as HTMLImageElement;
+      if (previewAvatar) {
+        previewAvatar.src = savedAvatar;
+      }
     }
 
     // Mise à jour de la bannière dans la preview
     if (savedBanner) {
-        const previewBanner = this.shadowRoot?.querySelector('.preview-banner-img') as HTMLImageElement;
-        if (previewBanner) {
-            previewBanner.src = savedBanner;
-        }
+      const previewBanner = this.shadowRoot?.querySelector('.preview-banner-img') as HTMLImageElement;
+      if (previewBanner) {
+        previewBanner.src = savedBanner;
+      }
     }
-}
+  }
 
-private updateNavbarName(name: string): void {
+  private updateNavbarName(name: string): void {
     const nameElement = this.shadowRoot?.querySelector('.nav-wrapper .user-name');
     if (nameElement) {
-        nameElement.textContent = name;
+      nameElement.textContent = name;
     }
-}
+  }
 
-private updateNavbarLastName(lastName: string): void {
+  private updateNavbarLastName(lastName: string): void {
     const lastNameElement = this.shadowRoot?.querySelector('.nav-wrapper .user-lastname');
     if (lastNameElement) {
-        lastNameElement.textContent = lastName;
+      lastNameElement.textContent = lastName;
     }
-}
+  }
 
-private updateProfilePreview(data: {
-    avatar?: string,
-    banner?: string,
-    name?: string,
-    lastName?: string
-}): void {
+  private updateProfilePreview(data: { avatar?: string; banner?: string; name?: string; lastName?: string }): void {
     if (data.avatar) {
-        const previewAvatar = this.shadowRoot?.querySelector('.preview-avatar') as HTMLImageElement;
-        if (previewAvatar) previewAvatar.src = data.avatar;
+      const previewAvatar = this.shadowRoot?.querySelector('.preview-avatar') as HTMLImageElement;
+      if (previewAvatar) previewAvatar.src = data.avatar;
     }
 
     if (data.banner) {
-        const previewBanner = this.shadowRoot?.querySelector('.preview-banner-img') as HTMLImageElement;
-        if (previewBanner) previewBanner.src = data.banner;
+      const previewBanner = this.shadowRoot?.querySelector('.preview-banner-img') as HTMLImageElement;
+      if (previewBanner) previewBanner.src = data.banner;
     }
 
     if (data.name) {
-        const previewName = this.shadowRoot?.querySelector('.preview-name');
-        if (previewName) previewName.textContent = data.name;
+      const previewName = this.shadowRoot?.querySelector('.preview-name');
+      if (previewName) previewName.textContent = data.name;
     }
 
     if (data.lastName) {
-        const previewLastName = this.shadowRoot?.querySelector('.preview-lastname');
-        if (previewLastName) previewLastName.textContent = data.lastName;
+      const previewLastName = this.shadowRoot?.querySelector('.preview-lastname');
+      if (previewLastName) previewLastName.textContent = data.lastName;
     }
-}
+  }
 
-private initializeEventListeners() {
+  private initializeEventListeners() {
     this.shadowRoot?.addEventListener('DOMContentLoaded', () => {
-        this.showPairing();
+      this.showPairing();
     });
 
     const editableFields = this.shadowRoot?.querySelectorAll<HTMLElement>('.editable');
     if (editableFields) {
-        editableFields.forEach(field => {
-            field.addEventListener('click', () => {
-                if (!field.classList.contains('editing')) {
-                    const currentValue = field.textContent || '';
-                    const input = document.createElement('input');
-                    input.type = 'text';
-                    input.value = currentValue;
-                    input.className = 'edit-input';
+      editableFields.forEach((field) => {
+        field.addEventListener('click', () => {
+          if (!field.classList.contains('editing')) {
+            const currentValue = field.textContent || '';
+            const input = document.createElement('input');
+            input.type = 'text';
+            input.value = currentValue;
+            input.className = 'edit-input';
 
-                    field.textContent = '';
-                    field.appendChild(input);
-                    field.classList.add('editing');
-                    input.focus();
-                }
-            });
+            field.textContent = '';
+            field.appendChild(input);
+            field.classList.add('editing');
+            input.focus();
+          }
         });
+      });
     }
 
     const avatarInput = this.shadowRoot?.getElementById('avatar-upload') as HTMLInputElement;
     if (avatarInput) {
-        avatarInput.addEventListener('change', this.handleAvatarUpload.bind(this));
+      avatarInput.addEventListener('change', this.handleAvatarUpload.bind(this));
     }
-}
+  }
 
-private showQRCodeModal(pairingId: string): void {
+  private showQRCodeModal(pairingId: string): void {
     const modal = document.createElement('div');
     modal.className = 'qr-modal';
     modal.innerHTML = `
@@ -1580,9 +1582,9 @@ private showQRCodeModal(pairingId: string): void {
     const closeBtn = modal.querySelector('.close-qr-modal');
     closeBtn?.addEventListener('click', () => modal.remove());
     modal.addEventListener('click', (e) => {
-        if (e.target === modal) modal.remove();
+      if (e.target === modal) modal.remove();
     });
-}
+  }
 }
 
 customElements.define('account-element', AccountElement);
diff --git a/src/pages/account/document-validation.ts b/src/pages/account/document-validation.ts
index af45c8d..88b50c2 100644
--- a/src/pages/account/document-validation.ts
+++ b/src/pages/account/document-validation.ts
@@ -9,8 +9,8 @@ interface State {
 }
 
 export interface Vin {
-  txid: string;            // The txid of the previous transaction (being spent)
-  vout: number;            // The output index in the previous tx
+  txid: string; // The txid of the previous transaction (being spent)
+  vout: number; // The output index in the previous tx
   prevout: {
     scriptpubkey: string;
     scriptpubkey_asm: string;
@@ -47,8 +47,8 @@ export function getDocumentValidation(container: HTMLElement) {
     file: null,
     fileHash: null,
     certificate: null,
-    commitmentHashes: []
-  }
+    commitmentHashes: [],
+  };
 
   container.innerHTML = '';
   container.style.cssText = `
@@ -60,11 +60,7 @@ export function getDocumentValidation(container: HTMLElement) {
     gap: 2rem;
   `;
 
-  function createDropButton(
-    label: string,
-    onDrop: (file: File, updateVisuals: (file: File) => void) => void,
-    accept: string = '*/*'
-  ): HTMLElement {
+  function createDropButton(label: string, onDrop: (file: File, updateVisuals: (file: File) => void) => void, accept: string = '*/*'): HTMLElement {
     const wrapper = document.createElement('div');
     wrapper.style.cssText = `
       width: 200px;
@@ -120,7 +116,7 @@ export function getDocumentValidation(container: HTMLElement) {
     };
 
     // === Handle drag-and-drop ===
-    wrapper.ondragover = e => {
+    wrapper.ondragover = (e) => {
       e.preventDefault();
       wrapper.style.background = '#e0e0e0';
     };
@@ -129,7 +125,7 @@ export function getDocumentValidation(container: HTMLElement) {
       wrapper.style.background = '#f8f8f8';
     };
 
-    wrapper.ondrop = e => {
+    wrapper.ondrop = (e) => {
       e.preventDefault();
       wrapper.style.background = '#f8f8f8';
 
@@ -163,17 +159,10 @@ export function getDocumentValidation(container: HTMLElement) {
     try {
       const text = await file.text();
       const json = JSON.parse(text);
-      if (
-        typeof json === 'object' &&
-        json !== null &&
-        typeof json.pcd_commitment === 'object' &&
-        typeof json.state_id === 'string'
-      ) {
+      if (typeof json === 'object' && json !== null && typeof json.pcd_commitment === 'object' && typeof json.state_id === 'string') {
         state.certificate = json as ProcessState;
 
-        state.commitmentHashes = Object.values(json.pcd_commitment).map((h: any) =>
-          (h as string).toLowerCase()
-        );
+        state.commitmentHashes = Object.values(json.pcd_commitment).map((h: any) => (h as string).toLowerCase());
 
         updateVisuals(file);
         console.log('Loaded certificate, extracted hashes:', state.commitmentHashes);
@@ -200,7 +189,7 @@ export function getDocumentValidation(container: HTMLElement) {
       // We take the commited_in and all pcd_commitment keys to reconstruct all the possible hash
       const fileBlob = {
         type: state.file.type,
-        data: new Uint8Array(await state.file.arrayBuffer())
+        data: new Uint8Array(await state.file.arrayBuffer()),
       };
       const service = await Services.getInstance();
       const commitedIn = state.certificate.commited_in;
@@ -280,7 +269,7 @@ export function getDocumentValidation(container: HTMLElement) {
 
       for (const label of Object.keys(state.certificate.pcd_commitment)) {
         // Compute the hash for this label
-        console.log(`Computing hash with label ${label}`)
+        console.log(`Computing hash with label ${label}`);
         const fileHex = service.getHashForFile(commitedIn, label, fileBlob);
         console.log(`Found hash ${fileHex}`);
         found = state.commitmentHashes.includes(fileHex);
diff --git a/src/pages/account/key-value-section.ts b/src/pages/account/key-value-section.ts
index 976c974..202d6a8 100644
--- a/src/pages/account/key-value-section.ts
+++ b/src/pages/account/key-value-section.ts
@@ -33,14 +33,14 @@ export function createKeyValueSection(title: string, id: string, isRoleSection =
     validationRules: ValidationRule[];
   }[] = [];
   type fileBlob = {
-    type: string,
-    data: Uint8Array
+    type: string;
+    data: Uint8Array;
   };
   const nonRoleRowStates: {
-    keyInput: HTMLInputElement,
-    valueInput: HTMLInputElement,
-    fileInput: HTMLInputElement,
-    fileBlob: fileBlob | null
+    keyInput: HTMLInputElement;
+    valueInput: HTMLInputElement;
+    fileInput: HTMLInputElement;
+    fileBlob: fileBlob | null;
   }[] = [];
 
   const inputStyle = 'flex: 1; height: 2.5rem; padding: 0.5rem; border: 1px solid #ccc; border-radius: 0.375rem;';
@@ -65,7 +65,7 @@ export function createKeyValueSection(title: string, id: string, isRoleSection =
       roleName.placeholder = 'Role name';
       members.placeholder = 'members';
       storages.placeholder = 'storages';
-      [roleName, members, storages].forEach(input => {
+      [roleName, members, storages].forEach((input) => {
         input.type = 'text';
         input.style.cssText = inputStyle;
       });
@@ -76,7 +76,7 @@ export function createKeyValueSection(title: string, id: string, isRoleSection =
 
       const rules: ValidationRule[] = [];
       ruleButton.onclick = () => {
-        showValidationRuleModal(rule => {
+        showValidationRuleModal((rule) => {
           rules.push(rule);
           ruleButton.textContent = `Rules (${rules.length})`;
         });
@@ -122,13 +122,13 @@ export function createKeyValueSection(title: string, id: string, isRoleSection =
         keyInput,
         valueInput,
         fileInput,
-        fileBlob: null as fileBlob | null
+        fileBlob: null as fileBlob | null,
       };
       nonRoleRowStates.push(rowState);
 
       keyInput.placeholder = 'Key';
       valueInput.placeholder = 'Value';
-      [keyInput, valueInput].forEach(input => {
+      [keyInput, valueInput].forEach((input) => {
         input.type = 'text';
         input.style.cssText = inputStyle;
       });
@@ -148,7 +148,7 @@ export function createKeyValueSection(title: string, id: string, isRoleSection =
 
   const updateDeleteButtons = () => {
     const rows = Array.from(rowContainer.children);
-    rows.forEach(row => {
+    rows.forEach((row) => {
       const btn = row.querySelector('button:last-child') as HTMLButtonElement;
       if (rows.length === 1) {
         btn.disabled = true;
@@ -172,9 +172,15 @@ export function createKeyValueSection(title: string, id: string, isRoleSection =
           const key = row.roleNameInput.value.trim();
           if (!key) continue;
           data[key] = {
-            members: row.membersInput.value.split(',').map(x => x.trim()).filter(Boolean),
-            storages: row.storagesInput.value.split(',').map(x => x.trim()).filter(Boolean),
-            validation_rules: row.validationRules
+            members: row.membersInput.value
+              .split(',')
+              .map((x) => x.trim())
+              .filter(Boolean),
+            storages: row.storagesInput.value
+              .split(',')
+              .map((x) => x.trim())
+              .filter(Boolean),
+            validation_rules: row.validationRules,
           };
         }
         return data;
@@ -191,6 +197,6 @@ export function createKeyValueSection(title: string, id: string, isRoleSection =
         }
         return data;
       }
-    }
+    },
   };
 }
diff --git a/src/pages/account/process-creation.ts b/src/pages/account/process-creation.ts
index 5fb0d7c..c72b2a2 100644
--- a/src/pages/account/process-creation.ts
+++ b/src/pages/account/process-creation.ts
@@ -61,10 +61,10 @@ export async function getProcessCreation(container: HTMLElement) {
         const hash = newState.pcd_commitment[label];
         const encryptedData = await service.getBlobFromDb(hash);
         if (!encryptedData) continue;
-        const filename = `${label}-${hash.slice(0,8)}.bin`;
+        const filename = `${label}-${hash.slice(0, 8)}.bin`;
 
-        const blob = new Blob([encryptedData], { type: "application/octet-stream" });
-        const link = document.createElement("a");
+        const blob = new Blob([encryptedData], { type: 'application/octet-stream' });
+        const link = document.createElement('a');
         link.href = URL.createObjectURL(blob);
         link.download = filename;
         link.click();
diff --git a/src/pages/account/process.ts b/src/pages/account/process.ts
index 10eaeb6..29af33e 100644
--- a/src/pages/account/process.ts
+++ b/src/pages/account/process.ts
@@ -1,4 +1,4 @@
-export function createProcessTab(container: HTMLElement, processes: { name: string, publicData: Record<string, any> }[]): HTMLElement {
+export function createProcessTab(container: HTMLElement, processes: { name: string; publicData: Record<string, any> }[]): HTMLElement {
   container.id = 'process-tab';
   container.style.display = 'block';
   container.style.cssText = 'padding: 1.5rem;';
@@ -8,7 +8,7 @@ export function createProcessTab(container: HTMLElement, processes: { name: stri
   title.style.cssText = 'font-size: 1.5rem; font-weight: bold; margin-bottom: 1rem;';
   container.appendChild(title);
 
-  processes.forEach(proc => {
+  processes.forEach((proc) => {
     const card = document.createElement('div');
     card.style.cssText = 'margin-bottom: 1rem; padding: 1rem; border: 1px solid #ddd; border-radius: 0.5rem; background: #fff;';
 
diff --git a/src/pages/home/home.html b/src/pages/home/home.html
index c9e87d1..fc8f085 100755
--- a/src/pages/home/home.html
+++ b/src/pages/home/home.html
@@ -36,7 +36,7 @@
     <select name="memberSelect" id="memberSelect" size="5" class="custom-select">
       <!-- Options -->
     </select>
-    
+
     <button id="okButton" style="display: none">OK</button>
   </div>
 </div>
diff --git a/src/pages/home/home.ts b/src/pages/home/home.ts
index eeedce5..753a877 100755
--- a/src/pages/home/home.ts
+++ b/src/pages/home/home.ts
@@ -1,7 +1,7 @@
 import Routing from '../../services/modal.service';
 import Services from '../../services/service';
 import { addSubscription } from '../../utils/subscription.utils';
-import { displayEmojis, generateQRCode, generateCreateBtn, addressToEmoji} from '../../utils/sp-address.utils';
+import { displayEmojis, generateQRCode, generateCreateBtn, addressToEmoji } from '../../utils/sp-address.utils';
 import { getCorrectDOM } from '../../utils/html.utils';
 import QrScannerComponent from '../../components/qrcode-scanner/qrcode-scanner-component';
 import { navigate, registerAllListeners } from '../../router';
@@ -25,7 +25,7 @@ export async function initHomePage(): Promise<void> {
   // generateQRCode(spAddress);
   generateCreateBtn();
   displayEmojis(spAddress);
-  
+
   // Add this line to populate the select when the page loads
   await populateMemberSelect();
 }
@@ -54,7 +54,7 @@ function scanDevice() {
 async function populateMemberSelect() {
   const container = getCorrectDOM('login-4nk-component') as HTMLElement;
   const memberSelect = container.querySelector('#memberSelect') as HTMLSelectElement;
-  
+
   if (!memberSelect) {
     console.error('Could not find memberSelect element');
     return;
@@ -66,7 +66,7 @@ async function populateMemberSelect() {
   for (const [processId, member] of Object.entries(members)) {
     const process = await service.getProcess(processId);
     let memberPublicName;
-    
+
     if (process) {
       const publicMemberData = service.getPublicData(process);
       if (publicMemberData) {
@@ -76,14 +76,14 @@ async function populateMemberSelect() {
         }
       }
     }
-    
+
     if (!memberPublicName) {
       memberPublicName = 'Unnamed Member';
     }
 
     // Récupérer les emojis pour ce processId
     const emojis = await addressToEmoji(processId);
-    
+
     const option = document.createElement('option');
     option.value = processId;
     option.textContent = `${memberPublicName} (${emojis})`;
diff --git a/src/router.ts b/src/router.ts
index 0dc24b9..7a0a930 100755
--- a/src/router.ts
+++ b/src/router.ts
@@ -111,9 +111,9 @@ export async function init(): Promise<void> {
     await services.restoreSecretsFromDB();
 
     if (!isE2E) {
-    // We connect to all relays now
-    await services.connectAllRelays();
-    await services.updateDeviceBlockHeight();
+      // We connect to all relays now
+      await services.connectAllRelays();
+      await services.updateDeviceBlockHeight();
     }
 
     // We register all the event listeners if we run in an iframe
@@ -139,11 +139,11 @@ export async function registerAllListeners() {
       {
         type: MessageType.ERROR,
         error: errorMsg,
-        messageId
+        messageId,
       },
-      origin
+      origin,
     );
-  }
+  };
 
   // --- Handler functions ---
   const handleRequestLink = async (event: MessageEvent) => {
@@ -155,15 +155,16 @@ export async function registerAllListeners() {
         type: MessageType.LINK_ACCEPTED,
         accessToken: 'e2e-access',
         refreshToken: 'e2e-refresh',
-        messageId: event.data.messageId
+        messageId: event.data.messageId,
       };
       window.parent.postMessage(acceptedMsg, event.origin);
       return;
     } else {
-    const modalService = await ModalService.getInstance();
-    const result = await modalService.showConfirmationModal({
-      title: 'Confirmation de liaison',
-      content: `
+      const modalService = await ModalService.getInstance();
+      const result = await modalService.showConfirmationModal(
+        {
+          title: 'Confirmation de liaison',
+          content: `
         <div class="modal-confirmation">
           <h3>Liaison avec ${event.origin}</h3>
           <p>Vous êtes sur le point de lier l'identité numérique de la clé securisée propre à votre appareil avec ${event.origin}.</p>
@@ -171,12 +172,14 @@ export async function registerAllListeners() {
           <p>Voulez-vous continuer ?</p>
         </div>
       `,
-      confirmText: 'Ajouter un service',
-      cancelText: 'Annuler'
-    }, true);
-    if (!result) {
-      const errorMsg = 'Failed to pair device: User refused to link';
-      errorResponse(errorMsg, event.origin, event.data.messageId);
+          confirmText: 'Ajouter un service',
+          cancelText: 'Annuler',
+        },
+        true,
+      );
+      if (!result) {
+        const errorMsg = 'Failed to pair device: User refused to link';
+        errorResponse(errorMsg, event.origin, event.data.messageId);
       }
     }
 
@@ -186,17 +189,14 @@ export async function registerAllListeners() {
         type: MessageType.LINK_ACCEPTED,
         accessToken: tokens.accessToken,
         refreshToken: tokens.refreshToken,
-        messageId: event.data.messageId
+        messageId: event.data.messageId,
       };
-      window.parent.postMessage(
-        acceptedMsg,
-        event.origin
-      );
+      window.parent.postMessage(acceptedMsg, event.origin);
     } catch (error) {
       const errorMsg = `Failed to generate tokens: ${error}`;
       errorResponse(errorMsg, event.origin, event.data.messageId);
     }
-  }
+  };
 
   const handleCreatePairing = async (event: MessageEvent) => {
     if (event.data.type !== MessageType.CREATE_PAIRING) {
@@ -230,14 +230,14 @@ export async function registerAllListeners() {
       const successMsg = {
         type: MessageType.PAIRING_CREATED,
         pairingId,
-        messageId: event.data.messageId
+        messageId: event.data.messageId,
       };
       window.parent.postMessage(successMsg, event.origin);
     } catch (e) {
       const errorMsg = `Failed to create pairing process: ${e}`;
       errorResponse(errorMsg, event.origin, event.data.messageId);
     }
-  }
+  };
 
   const handleGetMyProcesses = async (event: MessageEvent) => {
     if (event.data.type !== MessageType.GET_MY_PROCESSES) {
@@ -263,15 +263,15 @@ export async function registerAllListeners() {
         {
           type: MessageType.GET_MY_PROCESSES,
           myProcesses,
-          messageId: event.data.messageId
+          messageId: event.data.messageId,
         },
-        event.origin
+        event.origin,
       );
     } catch (e) {
       const errorMsg = `Failed to get processes: ${e}`;
       errorResponse(errorMsg, event.origin, event.data.messageId);
     }
-  }
+  };
 
   const handleGetProcesses = async (event: MessageEvent) => {
     if (event.data.type !== MessageType.GET_PROCESSES) {
@@ -300,15 +300,15 @@ export async function registerAllListeners() {
         {
           type: MessageType.PROCESSES_RETRIEVED,
           processes,
-          messageId: event.data.messageId
+          messageId: event.data.messageId,
         },
-        event.origin
+        event.origin,
       );
     } catch (e) {
       const errorMsg = `Failed to get processes: ${e}`;
       errorResponse(errorMsg, event.origin, event.data.messageId);
     }
-  }
+  };
 
   /// We got a state for some process and return as many clear attributes as we can
   const handleDecryptState = async (event: MessageEvent) => {
@@ -333,7 +333,7 @@ export async function registerAllListeners() {
       // Retrieve the state for the process
       const process = await services.getProcess(processId);
       if (!process) {
-        throw new Error('Can\'t find process');
+        throw new Error("Can't find process");
       }
       const state = services.getStateFromId(process, stateId);
 
@@ -357,15 +357,15 @@ export async function registerAllListeners() {
         {
           type: MessageType.DATA_RETRIEVED,
           data: res,
-          messageId: event.data.messageId
+          messageId: event.data.messageId,
         },
-        event.origin
+        event.origin,
       );
     } catch (e) {
       const errorMsg = `Failed to retrieve data: ${e}`;
       errorResponse(errorMsg, event.origin, event.data.messageId);
     }
-  }
+  };
 
   const handleValidateToken = async (event: MessageEvent) => {
     if (event.data.type !== MessageType.VALIDATE_TOKEN) {
@@ -378,25 +378,31 @@ export async function registerAllListeners() {
       errorResponse('Failed to validate token: missing access, refresh token or both', event.origin, event.data.messageId);
     }
     if (isE2E) {
-      window.parent.postMessage({
-        type: MessageType.VALIDATE_TOKEN,
-        accessToken,
-        refreshToken,
-        isValid: true,
-        messageId: event.data.messageId
-      }, event.origin);
+      window.parent.postMessage(
+        {
+          type: MessageType.VALIDATE_TOKEN,
+          accessToken,
+          refreshToken,
+          isValid: true,
+          messageId: event.data.messageId,
+        },
+        event.origin,
+      );
       return;
     }
 
     const isValid = await tokenService.validateToken(accessToken, event.origin);
 
-    window.parent.postMessage({
+    window.parent.postMessage(
+      {
         type: MessageType.VALIDATE_TOKEN,
-      accessToken,
-      refreshToken,
-      isValid,
-        messageId: event.data.messageId
-    }, event.origin);
+        accessToken,
+        refreshToken,
+        isValid,
+        messageId: event.data.messageId,
+      },
+      event.origin,
+    );
   };
 
   const handleRenewToken = async (event: MessageEvent) => {
@@ -411,12 +417,15 @@ export async function registerAllListeners() {
         throw new Error('No refresh token provided');
       }
       if (isE2E) {
-        window.parent.postMessage({
-          type: MessageType.RENEW_TOKEN,
-          accessToken: 'e2e-access-2',
-          refreshToken,
-          messageId: event.data.messageId
-        }, event.origin);
+        window.parent.postMessage(
+          {
+            type: MessageType.RENEW_TOKEN,
+            accessToken: 'e2e-access-2',
+            refreshToken,
+            messageId: event.data.messageId,
+          },
+          event.origin,
+        );
         return;
       }
 
@@ -426,17 +435,20 @@ export async function registerAllListeners() {
         throw new Error('Failed to refresh token');
       }
 
-      window.parent.postMessage({
+      window.parent.postMessage(
+        {
           type: MessageType.RENEW_TOKEN,
           accessToken: newAccessToken,
-        refreshToken,
-          messageId: event.data.messageId
-      }, event.origin);
+          refreshToken,
+          messageId: event.data.messageId,
+        },
+        event.origin,
+      );
     } catch (error) {
       const errorMsg = `Failed to renew token: ${error}`;
       errorResponse(errorMsg, event.origin, event.data.messageId);
     }
-  }
+  };
 
   const handleGetPairingId = async (event: MessageEvent) => {
     if (event.data.type !== MessageType.GET_PAIRING_ID) return;
@@ -460,15 +472,15 @@ export async function registerAllListeners() {
         {
           type: MessageType.GET_PAIRING_ID,
           userPairingId,
-          messageId: event.data.messageId
+          messageId: event.data.messageId,
         },
-        event.origin
+        event.origin,
       );
     } catch (e) {
       const errorMsg = `Failed to get pairing id: ${e}`;
       errorResponse(errorMsg, event.origin, event.data.messageId);
     }
-  }
+  };
 
   const handleCreateProcess = async (event: MessageEvent) => {
     if (event.data.type !== MessageType.CREATE_PROCESS) return;
@@ -483,11 +495,14 @@ export async function registerAllListeners() {
       const { processData, privateFields, roles, accessToken } = event.data;
 
       if (isE2E) {
-        window.parent.postMessage({
-          type: MessageType.PROCESS_CREATED,
-          processCreated: { processId: 'e2e-process', process: {}, processData },
-          messageId: event.data.messageId
-        }, event.origin);
+        window.parent.postMessage(
+          {
+            type: MessageType.PROCESS_CREATED,
+            processCreated: { processId: 'e2e-process', process: {}, processData },
+            messageId: event.data.messageId,
+          },
+          event.origin,
+        );
         return;
       }
 
@@ -507,16 +522,19 @@ export async function registerAllListeners() {
 
       const res = { processId, process, processData };
 
-      window.parent.postMessage({
+      window.parent.postMessage(
+        {
           type: MessageType.PROCESS_CREATED,
           processCreated: res,
-          messageId: event.data.messageId
-      }, event.origin);
+          messageId: event.data.messageId,
+        },
+        event.origin,
+      );
     } catch (e) {
       const errorMsg = `Failed to create process: ${e}`;
       errorResponse(errorMsg, event.origin, event.data.messageId);
     }
-  }
+  };
 
   const handleNotifyUpdate = async (event: MessageEvent) => {
     if (event.data.type !== MessageType.NOTIFY_UPDATE) return;
@@ -544,15 +562,15 @@ export async function registerAllListeners() {
       window.parent.postMessage(
         {
           type: MessageType.UPDATE_NOTIFIED,
-          messageId: event.data.messageId
+          messageId: event.data.messageId,
         },
-        event.origin
+        event.origin,
       );
     } catch (e) {
       const errorMsg = `Failed to notify update for process: ${e}`;
       errorResponse(errorMsg, event.origin, event.data.messageId);
     }
-  }
+  };
 
   const handleValidateState = async (event: MessageEvent) => {
     if (event.data.type !== MessageType.VALIDATE_STATE) return;
@@ -577,15 +595,15 @@ export async function registerAllListeners() {
         {
           type: MessageType.STATE_VALIDATED,
           validatedProcess: res.updated_process,
-          messageId: event.data.messageId
+          messageId: event.data.messageId,
         },
-        event.origin
+        event.origin,
       );
     } catch (e) {
       const errorMsg = `Failed to validate process: ${e}`;
       errorResponse(errorMsg, event.origin, event.data.messageId);
     }
-  }
+  };
 
   const handleUpdateProcess = async (event: MessageEvent) => {
     if (event.data.type !== MessageType.UPDATE_PROCESS) return;
@@ -614,7 +632,7 @@ export async function registerAllListeners() {
         const firstState = process.states[0];
         const roles = firstState.roles;
         if (services.rolesContainsUs(roles)) {
-          const approveChangeRes= await services.approveChange(processId, firstState.state_id);
+          const approveChangeRes = await services.approveChange(processId, firstState.state_id);
           await services.handleApiReturn(approveChangeRes);
           const prdUpdateRes = await services.createPrdUpdate(processId, firstState.state_id);
           await services.handleApiReturn(prdUpdateRes);
@@ -626,15 +644,15 @@ export async function registerAllListeners() {
           }
         }
         // Wait a couple seconds
-        await new Promise(resolve => setTimeout(resolve, 2000));
+        await new Promise((resolve) => setTimeout(resolve, 2000));
         lastState = services.getLastCommitedState(process);
         if (!lastState) {
-          throw new Error('Process doesn\'t have a commited state yet');
+          throw new Error("Process doesn't have a commited state yet");
         }
       }
       const lastStateIndex = services.getLastCommitedStateIndex(process);
       if (lastStateIndex === null) {
-        throw new Error('Process doesn\'t have a commited state yet');
+        throw new Error("Process doesn't have a commited state yet");
       } // Shouldn't happen
 
       const privateData: Record<string, any> = {};
@@ -686,15 +704,15 @@ export async function registerAllListeners() {
         {
           type: MessageType.PROCESS_UPDATED,
           updatedProcess: res.updated_process,
-          messageId: event.data.messageId
+          messageId: event.data.messageId,
         },
-        event.origin
+        event.origin,
       );
     } catch (e) {
       const errorMsg = `Failed to update process: ${e}`;
       errorResponse(errorMsg, event.origin, event.data.messageId);
     }
-  }
+  };
 
   const handleDecodePublicData = async (event: MessageEvent) => {
     if (event.data.type !== MessageType.DECODE_PUBLIC_DATA) return;
@@ -718,15 +736,15 @@ export async function registerAllListeners() {
         {
           type: MessageType.PUBLIC_DATA_DECODED,
           decodedData,
-          messageId: event.data.messageId
+          messageId: event.data.messageId,
         },
-        event.origin
+        event.origin,
       );
     } catch (e) {
       const errorMsg = `Failed to decode data: ${e}`;
       errorResponse(errorMsg, event.origin, event.data.messageId);
     }
-  }
+  };
 
   const handleHashValue = async (event: MessageEvent) => {
     if (event.data.type !== MessageType.HASH_VALUE) return;
@@ -746,15 +764,15 @@ export async function registerAllListeners() {
         {
           type: MessageType.VALUE_HASHED,
           hash,
-          messageId: event.data.messageId
+          messageId: event.data.messageId,
         },
-        event.origin
+        event.origin,
       );
     } catch (e) {
       const errorMsg = `Failed to hash value: ${e}`;
       errorResponse(errorMsg, event.origin, event.data.messageId);
     }
-  }
+  };
 
   const handleGetMerkleProof = async (event: MessageEvent) => {
     if (event.data.type !== MessageType.GET_MERKLE_PROOF) return;
@@ -772,15 +790,15 @@ export async function registerAllListeners() {
         {
           type: MessageType.MERKLE_PROOF_RETRIEVED,
           proof,
-          messageId: event.data.messageId
+          messageId: event.data.messageId,
         },
-        event.origin
+        event.origin,
       );
     } catch (e) {
       const errorMsg = `Failed to get merkle proof: ${e}`;
       errorResponse(errorMsg, event.origin, event.data.messageId);
     }
-  }
+  };
 
   const handleValidateMerkleProof = async (event: MessageEvent) => {
     if (event.data.type !== MessageType.VALIDATE_MERKLE_PROOF) return;
@@ -796,7 +814,7 @@ export async function registerAllListeners() {
       // We will validate it's a MerkleProofResult in the wasm
       let parsedMerkleProof: MerkleProofResult;
       try {
-        parsedMerkleProof= JSON.parse(merkleProof);
+        parsedMerkleProof = JSON.parse(merkleProof);
       } catch (e) {
         throw new Error('Provided merkleProof is not a valid json object');
       }
@@ -807,15 +825,15 @@ export async function registerAllListeners() {
         {
           type: MessageType.MERKLE_PROOF_VALIDATED,
           isValid: res,
-          messageId: event.data.messageId
+          messageId: event.data.messageId,
         },
-        event.origin
+        event.origin,
       );
     } catch (e) {
       const errorMsg = `Failed to get merkle proof: ${e}`;
       errorResponse(errorMsg, event.origin, event.data.messageId);
     }
-  }
+  };
 
   window.removeEventListener('message', handleMessage);
   window.addEventListener('message', handleMessage);
@@ -915,8 +933,8 @@ async function injectHeader() {
 
 (window as any).navigate = navigate;
 
-document.addEventListener('navigate', ((e: Event) => {
-  const event = e as CustomEvent<{page: string, processId?: string}>;
+document.addEventListener('navigate', (e: Event) => {
+  const event = e as CustomEvent<{ page: string; processId?: string }>;
   if (event.detail.page === 'chat') {
     const container = document.querySelector('.container');
     if (container) container.innerHTML = '';
@@ -928,4 +946,4 @@ document.addEventListener('navigate', ((e: Event) => {
       chatElement.setAttribute('process-id', event.detail.processId || '');
     }
   }
-}));
+});
diff --git a/src/service-workers/database.worker.js b/src/service-workers/database.worker.js
index a9e0548..16bf334 100755
--- a/src/service-workers/database.worker.js
+++ b/src/service-workers/database.worker.js
@@ -12,7 +12,7 @@ self.addEventListener('activate', (event) => {
 self.addEventListener('message', async (event) => {
   const data = event.data;
   console.log(data);
-  
+
   if (data.type === 'SCAN') {
     try {
       const myProcessesId = data.payload;
@@ -20,7 +20,7 @@ self.addEventListener('message', async (event) => {
         const toDownload = await scanMissingData(myProcessesId);
         if (toDownload.length != 0) {
           console.log('Sending TO_DOWNLOAD message');
-          event.source.postMessage({ type: 'TO_DOWNLOAD', data: toDownload});
+          event.source.postMessage({ type: 'TO_DOWNLOAD', data: toDownload });
         }
       } else {
         event.source.postMessage({ status: 'error', message: 'Empty lists' });
@@ -95,7 +95,7 @@ async function scanMissingData(processesToScan) {
         }
       }
     }
-  }  
+  }
 
   console.log(toDownload);
   return Array.from(toDownload);
@@ -139,7 +139,7 @@ async function getAllProcesses() {
       reject(request.error);
     };
   });
-};
+}
 
 async function getProcesses(processIds) {
   if (!processIds || processIds.length === 0) {
@@ -160,13 +160,13 @@ async function getProcesses(processIds) {
       request.onsuccess = () => resolve(request.result);
       request.onerror = () => {
         console.error(`Error fetching process ${processId}:`, request.error);
-        resolve(undefined); 
+        resolve(undefined);
       };
     });
   });
 
   const results = await Promise.all(requests);
-  return results.filter(result => result !== undefined);
+  return results.filter((result) => result !== undefined);
 }
 
 async function getAllDiffsNeedValidation() {
@@ -204,11 +204,11 @@ async function getAllDiffsNeedValidation() {
       }
 
       const results = Object.values(processMap).map((entry) => {
-        const diffs = []
-        for(const state of entry.process) {
-          const filteredDiff = entry.diffs.filter(diff => diff.new_state_merkle_root === state.merkle_root);
-          if(filteredDiff && filteredDiff.length) {
-            diffs.push(filteredDiff)
+        const diffs = [];
+        for (const state of entry.process) {
+          const filteredDiff = entry.diffs.filter((diff) => diff.new_state_merkle_root === state.merkle_root);
+          if (filteredDiff && filteredDiff.length) {
+            diffs.push(filteredDiff);
           }
         }
         return {
@@ -253,7 +253,7 @@ async function addDiff(processId, stateId, hash, roles, field) {
     getRequest.onerror = () => reject(getRequest.error);
   });
 
-  if (!existingDiff) { 
+  if (!existingDiff) {
     const newDiff = {
       process_id: processId,
       state_id: stateId,
@@ -265,7 +265,7 @@ async function addDiff(processId, stateId, hash, roles, field) {
       new_value: null,
       notify_user: false,
       need_validation: false,
-      validation_status: 'None'
+      validation_status: 'None',
     };
 
     const insertResult = await new Promise((resolve, reject) => {
diff --git a/src/services/database.service.ts b/src/services/database.service.ts
index c6cd73e..5d62133 100755
--- a/src/services/database.service.ts
+++ b/src/services/database.service.ts
@@ -128,7 +128,7 @@ export class Database {
       } else {
         // More than one existing worker: unregister them all and register a new one.
         console.log('Multiple Service Worker(s) detected. Unregistering all...');
-        await Promise.all(registrations.map(reg => reg.unregister()));
+        await Promise.all(registrations.map((reg) => reg.unregister()));
         console.log('All previous Service Workers unregistered.');
         this.serviceWorkerRegistration = await navigator.serviceWorker.register(path, { type: 'module' });
         console.log('Service Worker registered with scope:', this.serviceWorkerRegistration.scope);
@@ -150,7 +150,7 @@ export class Database {
         if (payload && payload.length != 0) {
           activeWorker?.postMessage({ type: 'SCAN', payload });
         }
-      }, 5000); 
+      }, 5000);
     } catch (error) {
       console.error('Service Worker registration failed:', error);
     }
@@ -158,19 +158,19 @@ export class Database {
 
   // Helper function to wait for service worker activation
   private async waitForServiceWorkerActivation(registration: ServiceWorkerRegistration): Promise<ServiceWorker | null> {
-      return new Promise((resolve) => {
+    return new Promise((resolve) => {
+      if (registration.active) {
+        resolve(registration.active);
+      } else {
+        const listener = () => {
           if (registration.active) {
-              resolve(registration.active);
-          } else {
-              const listener = () => {
-                  if (registration.active) {
-                      navigator.serviceWorker.removeEventListener('controllerchange', listener);
-                      resolve(registration.active);
-                  }
-              };
-              navigator.serviceWorker.addEventListener('controllerchange', listener);
+            navigator.serviceWorker.removeEventListener('controllerchange', listener);
+            resolve(registration.active);
           }
-      });
+        };
+        navigator.serviceWorker.addEventListener('controllerchange', listener);
+      }
+    });
   }
 
   private async checkForUpdates() {
@@ -217,15 +217,17 @@ export class Database {
         const valueBytes = await service.fetchValueFromStorage(hash);
         if (valueBytes) {
           // Save data to db
-          const blob = new Blob([valueBytes], {type: "application/octet-stream"});
+          const blob = new Blob([valueBytes], { type: 'application/octet-stream' });
           await service.saveBlobToDb(hash, blob);
-          document.dispatchEvent(new CustomEvent('newDataReceived', { 
-            detail: { 
-              processId,
-              stateId,
-              hash,
-            }
-          }));
+          document.dispatchEvent(
+            new CustomEvent('newDataReceived', {
+              detail: {
+                processId,
+                stateId,
+                hash,
+              },
+            }),
+          );
         } else {
           // We first request the data from managers
           console.log('Request data from managers of the process');
@@ -256,7 +258,7 @@ export class Database {
           const valueBytes = await service.fetchValueFromStorage(hash);
           if (valueBytes) {
             // Save data to db
-            const blob = new Blob([valueBytes], {type: "application/octet-stream"});
+            const blob = new Blob([valueBytes], { type: 'application/octet-stream' });
             await service.saveBlobToDb(hash, blob);
           } else {
             // We first request the data from managers
@@ -321,7 +323,7 @@ export class Database {
         reject(new Error(`Failed to send message to service worker: ${error}`));
       }
     });
-  } 
+  }
 
   public batchWriting(payload: { storeName: string; objects: { key: any; object: any }[] }): Promise<void> {
     return new Promise(async (resolve, reject) => {
@@ -440,7 +442,7 @@ export class Database {
         const getAllRequest = index.getAll(request);
         getAllRequest.onsuccess = () => {
           const allItems = getAllRequest.result;
-          const filtered = allItems.filter(item => item.state_id === request);
+          const filtered = allItems.filter((item) => item.state_id === request);
           resolve(filtered);
         };
         getAllRequest.onerror = () => reject(getAllRequest.error);
diff --git a/src/services/modal.service.ts b/src/services/modal.service.ts
index b2f6d7c..30ef22a 100755
--- a/src/services/modal.service.ts
+++ b/src/services/modal.service.ts
@@ -90,7 +90,7 @@ export default class ModalService {
     const container = document.querySelector('#containerId');
     if (container) {
       let html = await fetch('/src/components/validation-modal/validation-modal.html').then((res) => res.text());
-      html = interpolate(html, {processId: processDiff.processId})
+      html = interpolate(html, { processId: processDiff.processId });
       container.innerHTML += html;
 
       // Dynamically load the header JS
@@ -103,7 +103,7 @@ export default class ModalService {
       css.id = 'validation-modal-css';
       css.innerText = validationModalStyle;
       document.head.appendChild(css);
-      initValidationModal(processDiff)
+      initValidationModal(processDiff);
     }
   }
 
@@ -129,7 +129,7 @@ export default class ModalService {
       throw new Error('Must have exactly 1 member');
     }
 
-    console.log("MEMBER OUTPOINTS:", memberOutPoints);
+    console.log('MEMBER OUTPOINTS:', memberOutPoints);
     // We take all the addresses except our own
     const service = await Services.getInstance();
     const localAddress = service.getDeviceAddress();
@@ -158,11 +158,11 @@ export default class ModalService {
     if (members[0].sp_addresses.length === 1) {
       await this.injectCreationModal(members);
       this.modal = document.getElementById('creation-modal');
-      console.log("LENGTH:", members[0].sp_addresses.length);
+      console.log('LENGTH:', members[0].sp_addresses.length);
     } else {
       await this.injectModal(members);
       this.modal = document.getElementById('modal');
-      console.log("LENGTH:", members[0].sp_addresses.length);
+      console.log('LENGTH:', members[0].sp_addresses.length);
     }
 
     if (this.modal) this.modal.style.display = 'flex';
diff --git a/src/services/service.ts b/src/services/service.ts
index 84ebac3..55334c2 100755
--- a/src/services/service.ts
+++ b/src/services/service.ts
@@ -12,8 +12,8 @@ export const U32_MAX = 4294967295;
 
 const BASEURL = `http://localhost`;
 const BOOTSTRAPURL = [`${BASEURL}:8090`];
-const STORAGEURL = `${BASEURL}:8081`
-const BLINDBITURL = `${BASEURL}:8000`
+const STORAGEURL = `${BASEURL}:8081`;
+const BLINDBITURL = `${BASEURL}:8000`;
 const DEFAULTAMOUNT = 1000n;
 const EMPTY32BYTES = String('').padStart(64, '0');
 
@@ -94,24 +94,24 @@ export default class Services {
    * Waits for at least one handshake message before returning.
    */
   public async connectAllRelays(): Promise<void> {
-      const connectedUrls: string[] = [];
+    const connectedUrls: string[] = [];
 
-      // Connect to all relays
-      for (const wsurl of Object.keys(this.relayAddresses)) {
-          try {
-              console.log(`Connecting to: ${wsurl}`);
-              await this.addWebsocketConnection(wsurl);
-              connectedUrls.push(wsurl);
-              console.log(`Successfully connected to: ${wsurl}`);
-          } catch (error) {
-              console.error(`Failed to connect to ${wsurl}:`, error);
-          }
+    // Connect to all relays
+    for (const wsurl of Object.keys(this.relayAddresses)) {
+      try {
+        console.log(`Connecting to: ${wsurl}`);
+        await this.addWebsocketConnection(wsurl);
+        connectedUrls.push(wsurl);
+        console.log(`Successfully connected to: ${wsurl}`);
+      } catch (error) {
+        console.error(`Failed to connect to ${wsurl}:`, error);
       }
+    }
 
-      // Wait for at least one handshake message if we have connections
-      if (connectedUrls.length > 0) {
-          await this.waitForHandshakeMessage();
-      }
+    // Wait for at least one handshake message if we have connections
+    if (connectedUrls.length > 0) {
+      await this.waitForHandshakeMessage();
+    }
   }
 
   public async addWebsocketConnection(url: string): Promise<void> {
@@ -125,8 +125,8 @@ export default class Services {
    * @param spAddress - The SP Address (value).
    */
   public updateRelay(wsurl: string, spAddress: string): void {
-      this.relayAddresses[wsurl] = spAddress;
-      console.log(`Updated: ${wsurl} -> ${spAddress}`);
+    this.relayAddresses[wsurl] = spAddress;
+    console.log(`Updated: ${wsurl} -> ${spAddress}`);
   }
 
   /**
@@ -135,7 +135,7 @@ export default class Services {
    * @returns The SP Address if found, or undefined if not.
    */
   public getSpAddress(wsurl: string): string | undefined {
-      return this.relayAddresses[wsurl];
+    return this.relayAddresses[wsurl];
   }
 
   /**
@@ -143,20 +143,20 @@ export default class Services {
    * @returns An array of objects containing wsurl and spAddress.
    */
   public getAllRelays(): { wsurl: string; spAddress: string }[] {
-      return Object.entries(this.relayAddresses).map(([wsurl, spAddress]) => ({
-          wsurl,
-          spAddress,
-      }));
+    return Object.entries(this.relayAddresses).map(([wsurl, spAddress]) => ({
+      wsurl,
+      spAddress,
+    }));
   }
 
   /**
    * Print all key/value pairs for debugging.
    */
   public printAllRelays(): void {
-      console.log("Current relay addresses:");
-      for (const [wsurl, spAddress] of Object.entries(this.relayAddresses)) {
-          console.log(`${wsurl} -> ${spAddress}`);
-      }
+    console.log('Current relay addresses:');
+    for (const [wsurl, spAddress] of Object.entries(this.relayAddresses)) {
+      console.log(`${wsurl} -> ${spAddress}`);
+    }
   }
 
   public isPaired(): boolean {
@@ -307,27 +307,18 @@ export default class Services {
             min_sig_member: 1.0,
           },
         ],
-        storages: [STORAGEURL]
+        storages: [STORAGEURL],
       },
     };
     try {
-      return this.createProcess(
-        privateData,
-        publicData,
-        roles
-      );
+      return this.createProcess(privateData, publicData, roles);
     } catch (e) {
       throw new Error(`Creating process failed:, ${e}`);
     }
   }
 
-  private isFileBlob(value: any): value is { type: string, data: Uint8Array } {
-    return (
-      typeof value === 'object' &&
-      value !== null &&
-      typeof value.type === 'string' &&
-      value.data instanceof Uint8Array
-    );
+  private isFileBlob(value: any): value is { type: string; data: Uint8Array } {
+    return typeof value === 'object' && value !== null && typeof value.type === 'string' && value.data instanceof Uint8Array;
   }
 
   private splitData(obj: Record<string, any>) {
@@ -345,11 +336,7 @@ export default class Services {
     return { jsonCompatibleData, binaryData };
   }
 
-  public async createProcess(
-    privateData: Record<string, any>,
-    publicData: Record<string, any>,
-    roles: Record<string, RoleDefinition>,
-  ): Promise<ApiReturn> {
+  public async createProcess(privateData: Record<string, any>, publicData: Record<string, any>, roles: Record<string, RoleDefinition>): Promise<ApiReturn> {
     let relayAddress = this.getAllRelays()[0]?.spAddress;
 
     if (!relayAddress || relayAddress === '') {
@@ -372,11 +359,11 @@ export default class Services {
     const publicSplitData = this.splitData(publicData);
     const encodedPrivateData = {
       ...this.sdkClient.encode_json(privateSplitData.jsonCompatibleData),
-      ...this.sdkClient.encode_binary(privateSplitData.binaryData)
+      ...this.sdkClient.encode_binary(privateSplitData.binaryData),
     };
     const encodedPublicData = {
       ...this.sdkClient.encode_json(publicSplitData.jsonCompatibleData),
-      ...this.sdkClient.encode_binary(publicSplitData.binaryData)
+      ...this.sdkClient.encode_binary(publicSplitData.binaryData),
     };
 
     console.log('encoded data:', encodedPrivateData);
@@ -395,16 +382,9 @@ export default class Services {
     console.log('members:', members);
     await this.checkConnections([...members]);
 
-    const result = this.sdkClient.create_new_process (
-        encodedPrivateData,
-        roles,
-        encodedPublicData,
-        relayAddress,
-        feeRate,
-        this.getAllMembers()
-    );
+    const result = this.sdkClient.create_new_process(encodedPrivateData, roles, encodedPublicData, relayAddress, feeRate, this.getAllMembers());
 
-    return(result);
+    return result;
   }
 
   public async updateProcess(process: Process, privateData: Record<string, any>, publicData: Record<string, any>, roles: Record<string, RoleDefinition> | null): Promise<ApiReturn> {
@@ -418,7 +398,7 @@ export default class Services {
     let members: Set<Member> = new Set();
     for (const role of Object.values(roles!)) {
       for (const member of role.members) {
-        members.add(member)
+        members.add(member);
       }
     }
     if (members.size === 0) {
@@ -439,11 +419,11 @@ export default class Services {
     const publicSplitData = this.splitData(publicData);
     const encodedPrivateData = {
       ...this.sdkClient.encode_json(privateSplitData.jsonCompatibleData),
-      ...this.sdkClient.encode_binary(privateSplitData.binaryData)
+      ...this.sdkClient.encode_binary(privateSplitData.binaryData),
     };
     const encodedPublicData = {
       ...this.sdkClient.encode_json(publicSplitData.jsonCompatibleData),
-      ...this.sdkClient.encode_binary(publicSplitData.binaryData)
+      ...this.sdkClient.encode_binary(publicSplitData.binaryData),
     };
     try {
       return this.sdkClient.update_process(process, encodedPrivateData, roles, encodedPublicData, this.getAllMembers());
@@ -544,7 +524,6 @@ export default class Services {
       if (waitingModal) {
         this.device2Ready = true;
       }
-
     } catch (e) {
       console.error(`Parsed cipher with error: ${e}`);
     }
@@ -612,7 +591,7 @@ export default class Services {
 
     if (apiReturn.new_tx_to_send && apiReturn.new_tx_to_send.transaction.length != 0) {
       this.sendNewTxMessage(JSON.stringify(apiReturn.new_tx_to_send));
-      await new Promise(r => setTimeout(r, 500));
+      await new Promise((r) => setTimeout(r, 500));
     }
 
     if (apiReturn.secrets) {
@@ -789,7 +768,7 @@ export default class Services {
     try {
       let encodedSpAddressList: number[] = [];
       if (this.stateId) {
-        const state = process.states.find(state => state.state_id === this.stateId);
+        const state = process.states.find((state) => state.state_id === this.stateId);
         if (state) {
           encodedSpAddressList = state.public_data['pairedAddresses'];
         }
@@ -858,7 +837,7 @@ export default class Services {
     try {
       const prevDevice = await this.getDeviceFromDatabase();
       if (prevDevice) {
-        await db.deleteObject(walletStore, "1");
+        await db.deleteObject(walletStore, '1');
       }
       await db.addObject({
         storeName: walletStore,
@@ -1256,7 +1235,7 @@ export default class Services {
       let retries = 0;
 
       while ((!hash || !key) && retries < maxRetries) {
-        await new Promise(resolve => setTimeout(resolve, retryDelay));
+        await new Promise((resolve) => setTimeout(resolve, retryDelay));
         // Re-read hash and key after waiting
         hash = state.pcd_commitment[attribute];
         key = state.keys[attribute];
@@ -1373,7 +1352,6 @@ export default class Services {
     this.device2Ready = false;
   }
 
-
   // Handle the handshake message
   public async handleHandshakeMsg(url: string, parsedMsg: any) {
     try {
@@ -1414,7 +1392,9 @@ export default class Services {
               let new_states: string[] = [];
               let roles: Record<string, RoleDefinition>[] = [];
               for (const state of process.states) {
-                if (!state.state_id || state.state_id === EMPTY32BYTES) { continue; }
+                if (!state.state_id || state.state_id === EMPTY32BYTES) {
+                  continue;
+                }
                 if (!this.lookForStateId(existing, state.state_id)) {
                   if (this.rolesContainsUs(state.roles)) {
                     new_states.push(state.state_id);
@@ -1462,7 +1442,7 @@ export default class Services {
 
           await this.batchSaveProcessesToDb(toSave);
         }
-      }, 500)
+      }, 500);
     } catch (e) {
       console.error('Failed to parse init message:', e);
     }
@@ -1515,9 +1495,7 @@ export default class Services {
    * @returns Un tableau contenant tous les membres
    */
   public getAllMembersSorted(): Record<string, Member> {
-    return Object.fromEntries(
-        Object.entries(this.membersList).sort(([keyA], [keyB]) => keyA.localeCompare(keyB))
-    );
+    return Object.fromEntries(Object.entries(this.membersList).sort(([keyA], [keyB]) => keyA.localeCompare(keyB)));
   }
 
   public getAllMembers(): Record<string, Member> {
@@ -1533,10 +1511,14 @@ export default class Services {
   }
 
   public compareMembers(memberA: string[], memberB: string[]): boolean {
-    if (!memberA || !memberB) { return false }
-    if (memberA.length !== memberB.length) { return false }
+    if (!memberA || !memberB) {
+      return false;
+    }
+    if (memberA.length !== memberB.length) {
+      return false;
+    }
 
-    const res = memberA.every(item => memberB.includes(item)) && memberB.every(item => memberA.includes(item));
+    const res = memberA.every((item) => memberB.includes(item)) && memberB.every((item) => memberA.includes(item));
 
     return res;
   }
@@ -1545,16 +1527,14 @@ export default class Services {
     const content = JSON.parse(response);
     const error = content.error;
     const errorMsg = error['GenericError'];
-    const dontRetry = [
-      'State is identical to the previous state',
-      'Not enough valid proofs',
-      'Not enough members to validate',
-    ];
-    if (dontRetry.includes(errorMsg)) { return; }
+    const dontRetry = ['State is identical to the previous state', 'Not enough valid proofs', 'Not enough members to validate'];
+    if (dontRetry.includes(errorMsg)) {
+      return;
+    }
     // Wait and retry
     setTimeout(async () => {
       this.sendCommitMessage(JSON.stringify(content));
-    }, 1000)
+    }, 1000);
   }
 
   public getRoles(process: Process): Record<string, RoleDefinition> | null {
@@ -1587,8 +1567,11 @@ export default class Services {
     const lastCommitedState = this.getLastCommitedState(process);
     if (lastCommitedState && lastCommitedState.public_data) {
       const processName = lastCommitedState!.public_data['processName'];
-      if (processName) { return this.decodeValue(processName) }
-      else { return null }
+      if (processName) {
+        return this.decodeValue(processName);
+      } else {
+        return null;
+      }
     } else {
       return null;
     }
@@ -1630,7 +1613,7 @@ export default class Services {
       this.myProcesses = newMyProcesses; // atomic update
       return Array.from(this.myProcesses);
     } catch (e) {
-      console.error("Failed to get processes:", e);
+      console.error('Failed to get processes:', e);
       return null;
     }
   }
@@ -1652,12 +1635,12 @@ export default class Services {
     const ab = new ArrayBuffer(uint8Array.length);
     const view = new Uint8Array(ab);
     view.set(uint8Array);
-    return new Blob([ab], { type: "application/octet-stream" });
+    return new Blob([ab], { type: 'application/octet-stream' });
   }
 
   public hexToUInt8Array(hexString: string): Uint8Array {
     if (hexString.length % 2 !== 0) {
-      throw new Error("Invalid hex string: length must be even");
+      throw new Error('Invalid hex string: length must be even');
     }
     const uint8Array = new Uint8Array(hexString.length / 2);
     for (let i = 0; i < hexString.length; i += 2) {
@@ -1671,7 +1654,7 @@ export default class Services {
     const buffer = await blob.arrayBuffer();
     const bytes = new Uint8Array(buffer);
     return Array.from(bytes)
-      .map(byte => byte.toString(16).padStart(2, '0'))
+      .map((byte) => byte.toString(16).padStart(2, '0'))
       .join('');
   }
 
@@ -1743,7 +1726,9 @@ export default class Services {
   }
 
   public isPairingProcess(roles: Record<string, RoleDefinition>): boolean {
-    if (Object.keys(roles).length != 1) { return false }
+    if (Object.keys(roles).length != 1) {
+      return false;
+    }
     const pairingRole = roles['pairing'];
     if (pairingRole) {
       // For now that's enough, we should probably test more things
@@ -1755,7 +1740,7 @@ export default class Services {
 
   public async updateMemberPublicName(process: Process, newName: string): Promise<ApiReturn> {
     const publicData = {
-      'memberPublicName': newName
+      memberPublicName: newName,
     };
 
     return await this.updateProcess(process, {}, publicData, null);
diff --git a/src/services/storage.service.ts b/src/services/storage.service.ts
index 47ee776..7497325 100644
--- a/src/services/storage.service.ts
+++ b/src/services/storage.service.ts
@@ -13,7 +13,7 @@ export async function storeData(servers: string[], key: string, value: Blob, ttl
       // Send the encrypted ArrayBuffer as the raw request body.
       const response = await axios.post(url.toString(), value, {
         headers: {
-          'Content-Type': 'application/octet-stream'
+          'Content-Type': 'application/octet-stream',
         },
       });
       console.log('Data stored successfully:', key);
@@ -37,45 +37,45 @@ export async function retrieveData(servers: string[], key: string): Promise<Arra
     try {
       // When fetching the data from the server:
       const response = await axios.get(`${server}/retrieve/${key}`, {
-        responseType: 'arraybuffer' 
+        responseType: 'arraybuffer',
       });
       if (response.status !== 200) {
-          console.error('Received response status', response.status);
-          continue;
+        console.error('Received response status', response.status);
+        continue;
       }
       // console.log('Retrieved data:', response.data);
       return response.data;
     } catch (error) {
-        console.error('Error retrieving data:', error);
+      console.error('Error retrieving data:', error);
     }
   }
-  return null
+  return null;
 }
 
 interface TestResponse {
-    key: string;
-    value: boolean;
+  key: string;
+  value: boolean;
 }
 
 export async function testData(servers: string[], key: string): Promise<Record<string, boolean | null> | null> {
-    const res: Record<string, boolean | null> = {};
-    for (const server of servers) {
-        res[server] = null;
-        try {
-            const response = await axios.get(`${server}/test/${key}`);
-            if (response.status !== 200) {
-                console.error(`${server}: Test response status: ${response.status}`);
-                continue;
-            }
-            
-            const data: TestResponse = response.data;
-            
-            res[server] = data.value;
-        } catch (error) {
-            console.error('Error retrieving data:', error);
-            return null;
-        }
+  const res: Record<string, boolean | null> = {};
+  for (const server of servers) {
+    res[server] = null;
+    try {
+      const response = await axios.get(`${server}/test/${key}`);
+      if (response.status !== 200) {
+        console.error(`${server}: Test response status: ${response.status}`);
+        continue;
+      }
+
+      const data: TestResponse = response.data;
+
+      res[server] = data.value;
+    } catch (error) {
+      console.error('Error retrieving data:', error);
+      return null;
     }
-    
-    return res;
+  }
+
+  return res;
 }
diff --git a/src/services/token.ts b/src/services/token.ts
index bb1e002..a924ce5 100644
--- a/src/services/token.ts
+++ b/src/services/token.ts
@@ -38,17 +38,9 @@ export default class TokenService {
   async generateSessionToken(origin: string): Promise<TokenPair> {
     const secret = new Uint8Array(this.encoder.encode(this.SECRET_KEY));
 
-    const accessToken = await new jose.SignJWT({ origin, type: 'access' })
-      .setProtectedHeader({ alg: 'HS256' })
-      .setIssuedAt()
-      .setExpirationTime(this.ACCESS_TOKEN_EXPIRATION)
-      .sign(secret);
+    const accessToken = await new jose.SignJWT({ origin, type: 'access' }).setProtectedHeader({ alg: 'HS256' }).setIssuedAt().setExpirationTime(this.ACCESS_TOKEN_EXPIRATION).sign(secret);
 
-    const refreshToken = await new jose.SignJWT({ origin, type: 'refresh' })
-      .setProtectedHeader({ alg: 'HS256' })
-      .setIssuedAt()
-      .setExpirationTime(this.REFRESH_TOKEN_EXPIRATION)
-      .sign(secret);
+    const refreshToken = await new jose.SignJWT({ origin, type: 'refresh' }).setProtectedHeader({ alg: 'HS256' }).setIssuedAt().setExpirationTime(this.REFRESH_TOKEN_EXPIRATION).sign(secret);
 
     return { accessToken, refreshToken };
   }
@@ -86,11 +78,7 @@ export default class TokenService {
       }
 
       // Générer un nouveau access token
-      const newAccessToken = await new jose.SignJWT({ origin, type: 'access' })
-        .setProtectedHeader({ alg: 'HS256' })
-        .setIssuedAt()
-        .setExpirationTime(this.ACCESS_TOKEN_EXPIRATION)
-        .sign(secret);
+      const newAccessToken = await new jose.SignJWT({ origin, type: 'access' }).setProtectedHeader({ alg: 'HS256' }).setIssuedAt().setExpirationTime(this.ACCESS_TOKEN_EXPIRATION).sign(secret);
 
       return newAccessToken;
     } catch (error) {
@@ -98,4 +86,4 @@ export default class TokenService {
       return null;
     }
   }
-}
\ No newline at end of file
+}
diff --git a/src/types/sdk_client.d.ts b/src/types/sdk_client.d.ts
index c817cbd..acd67b2 100644
--- a/src/types/sdk_client.d.ts
+++ b/src/types/sdk_client.d.ts
@@ -3,11 +3,11 @@
 
 declare module 'pkg/sdk_client' {
   // Types de base
-  export type DiffStatus = "None" | "Rejected" | "Validated";
-  export type AnkFlag = "NewTx" | "Faucet" | "Cipher" | "Commit" | "Handshake" | "Sync" | "Unknown";
-  export type PrdType = "None" | "Connect" | "Message" | "Update" | "List" | "Response" | "Confirm" | "TxProposal" | "Request";
-  export type SyncType = "StateSync" | "ProcessSync" | "MemberSync" | "TxSync" | "BlockSync" | "PeerSync" | "RelaySync" | "HealthSync" | "MetricsSync" | "ConfigSync" | "CapabilitySync";
-  export type HealthStatus = "Healthy" | "Warning" | "Critical" | "Offline";
+  export type DiffStatus = 'None' | 'Rejected' | 'Validated';
+  export type AnkFlag = 'NewTx' | 'Faucet' | 'Cipher' | 'Commit' | 'Handshake' | 'Sync' | 'Unknown';
+  export type PrdType = 'None' | 'Connect' | 'Message' | 'Update' | 'List' | 'Response' | 'Confirm' | 'TxProposal' | 'Request';
+  export type SyncType = 'StateSync' | 'ProcessSync' | 'MemberSync' | 'TxSync' | 'BlockSync' | 'PeerSync' | 'RelaySync' | 'HealthSync' | 'MetricsSync' | 'ConfigSync' | 'CapabilitySync';
+  export type HealthStatus = 'Healthy' | 'Warning' | 'Critical' | 'Offline';
   export type OutPoint = string;
   export type SilentPaymentAddress = string;
   export type AnkSharedSecretHash = string;
@@ -186,52 +186,14 @@ declare module 'pkg/sdk_client' {
   export function get_available_amount(): bigint;
   export function create_transaction(addresses: string[], fee_rate: number): ApiReturn;
   export function sign_transaction(partial_tx: TsUnsignedTransaction): ApiReturn;
-  export function create_new_process(
-    private_data: Pcd,
-    roles: Roles,
-    public_data: Pcd,
-    relay_address: string,
-    fee_rate: number,
-    members_list: OutPointMemberMap
-  ): ApiReturn;
-  export function update_process(
-    process: Process,
-    new_attributes: Pcd,
-    roles: Roles,
-    new_public_data: Pcd,
-    members_list: OutPointMemberMap
-  ): ApiReturn;
-  export function request_data(
-    process_id: string,
-    state_ids_str: string[],
-    roles: any,
-    members_list: OutPointMemberMap
-  ): ApiReturn;
-  export function create_update_message(
-    process: Process,
-    state_id: string,
-    members_list: OutPointMemberMap
-  ): ApiReturn;
-  export function validate_state(
-    process: Process,
-    state_id: string,
-    members_list: OutPointMemberMap
-  ): ApiReturn;
-  export function refuse_state(
-    process: Process,
-    state_id: string,
-    members_list: OutPointMemberMap
-  ): ApiReturn;
-  export function evaluate_state(
-    process: Process,
-    state_id: string,
-    members_list: OutPointMemberMap
-  ): ApiReturn;
-  export function create_response_prd(
-    process: Process,
-    state_id: string,
-    members_list: OutPointMemberMap
-  ): ApiReturn;
+  export function create_new_process(private_data: Pcd, roles: Roles, public_data: Pcd, relay_address: string, fee_rate: number, members_list: OutPointMemberMap): ApiReturn;
+  export function update_process(process: Process, new_attributes: Pcd, roles: Roles, new_public_data: Pcd, members_list: OutPointMemberMap): ApiReturn;
+  export function request_data(process_id: string, state_ids_str: string[], roles: any, members_list: OutPointMemberMap): ApiReturn;
+  export function create_update_message(process: Process, state_id: string, members_list: OutPointMemberMap): ApiReturn;
+  export function validate_state(process: Process, state_id: string, members_list: OutPointMemberMap): ApiReturn;
+  export function refuse_state(process: Process, state_id: string, members_list: OutPointMemberMap): ApiReturn;
+  export function evaluate_state(process: Process, state_id: string, members_list: OutPointMemberMap): ApiReturn;
+  export function create_response_prd(process: Process, state_id: string, members_list: OutPointMemberMap): ApiReturn;
   export function create_faucet_msg(): string;
   export function get_storages(process_outpoint: string): string[];
   export function is_child_role(parent_roles: string, child_roles: string): void;
diff --git a/src/utils/service.utils.ts b/src/utils/service.utils.ts
index 8f84400..1f059ad 100644
--- a/src/utils/service.utils.ts
+++ b/src/utils/service.utils.ts
@@ -1,4 +1,4 @@
-export function splitPrivateData(data: Record<string, any>, privateFields: string[]): { privateData: Record<string, any>, publicData: Record<string, any> } {
+export function splitPrivateData(data: Record<string, any>, privateFields: string[]): { privateData: Record<string, any>; publicData: Record<string, any> } {
   const privateData: Record<string, any> = {};
   const publicData: Record<string, any> = {};
 
@@ -18,7 +18,7 @@ export function isValid32ByteHex(value: string): boolean {
   if (value.length !== 64) {
     return false;
   }
-  
+
   // Check if string only contains valid hex characters
   return /^[0-9a-fA-F]{64}$/.test(value);
 }
diff --git a/src/utils/sp-address.utils.ts b/src/utils/sp-address.utils.ts
index bdf9b86..38d6556 100755
--- a/src/utils/sp-address.utils.ts
+++ b/src/utils/sp-address.utils.ts
@@ -100,7 +100,7 @@ export async function displayEmojis(text: string) {
 
 // Verify Other address
 export function initAddressInput() {
-  const container = getCorrectDOM('login-4nk-component') as HTMLElement
+  const container = getCorrectDOM('login-4nk-component') as HTMLElement;
   const addressInput = container.querySelector('#addressInput') as HTMLInputElement;
   const emojiDisplay = container.querySelector('#emoji-display-2');
   const okButton = container.querySelector('#okButton') as HTMLButtonElement;
@@ -155,7 +155,7 @@ async function onCreateButtonClick() {
     const service = await Services.getInstance();
     await service.confirmPairing();
   } catch (e) {
-     console.error(`onCreateButtonClick error: ${e}`);
+    console.error(`onCreateButtonClick error: ${e}`);
   }
 }
 
@@ -170,10 +170,7 @@ export async function prepareAndSendPairingTx(): Promise<void> {
 
   try {
     const relayAddress = service.getAllRelays();
-    const createPairingProcessReturn = await service.createPairingProcess(
-      "",
-      [],
-    );
+    const createPairingProcessReturn = await service.createPairingProcess('', []);
 
     if (!createPairingProcessReturn.updated_process) {
       throw new Error('createPairingProcess returned an empty new process');
@@ -183,7 +180,6 @@ export async function prepareAndSendPairingTx(): Promise<void> {
     service.setStateId(createPairingProcessReturn.updated_process.current_process.states[0].state_id);
 
     await service.handleApiReturn(createPairingProcessReturn);
-
   } catch (err) {
     console.error(err);
   }
@@ -191,7 +187,7 @@ export async function prepareAndSendPairingTx(): Promise<void> {
 
 export async function generateQRCode(spAddress: string) {
   try {
-    const container = getCorrectDOM('login-4nk-component') as HTMLElement
+    const container = getCorrectDOM('login-4nk-component') as HTMLElement;
     const currentUrl = 'https://' + window.location.host;
     const url = await QRCode.toDataURL(currentUrl + '?sp_address=' + spAddress);
     const qrCode = container?.querySelector('.qr-code img');
@@ -202,9 +198,9 @@ export async function generateQRCode(spAddress: string) {
 }
 
 export async function generateCreateBtn() {
-  try{
+  try {
     //Generate CreateBtn
-    const container = getCorrectDOM('login-4nk-component') as HTMLElement
+    const container = getCorrectDOM('login-4nk-component') as HTMLElement;
     const createBtn = container?.querySelector('.create-btn');
     if (createBtn) {
       createBtn.textContent = 'CREATE';
@@ -212,5 +208,4 @@ export async function generateCreateBtn() {
   } catch (err) {
     console.error(err);
   }
-
-}
\ No newline at end of file
+}