feat: notify about needed account re import

[mateuszjasiuk]

Resolves #1440
Figma https://www.figma.com/design/NFyHbLZXBSl3aUsMxtffvV/Namada-End-User-Interface-V1.0-%2F-Phase-1%3A-Block-Party?node-id=9363-2665&t=x241erdmP130E13G-1

Testing

• paste this script in extension console window to clear pseudoExtendedKeys <3 chatgpt :)

// Open the IndexedDB
const dbRequest = indexedDB.open("Namada::IndexedDB");

// Handle database open success
dbRequest.onsuccess = function (event) {
    const db = event.target.result;

    // Begin a transaction on the "vault" store
    const transaction = db.transaction(["Namada::IndexedDB"], "readwrite");
    const store = transaction.objectStore("Namada::IndexedDB");

    // Get the current data from the "vault" store
    const getRequest = store.get("vault");

    getRequest.onsuccess = function () {
        let data = getRequest.result;

        if (data && data.data && data.data.data && data.data.data["key-store"]) {
            // Iterate over the array and set "pseudoExtendedKey" to undefined in the "public" field
            data.data.data["key-store"] = data.data.data["key-store"].map(item => {
                if (item.public && item.public.hasOwnProperty("pseudoExtendedKey")) {
                    item.public["pseudoExtendedKey"] = undefined;
                }
                return item;
            });

            // Save the updated data back to IndexedDB
            const updateRequest = store.put(data); // No separate key provided here

            updateRequest.onsuccess = function () {
                console.log("Data successfully updated.");
            };

            updateRequest.onerror = function (err) {
                console.error("Error updating data:", err);
            };
        } else {
            console.error("Expected structure not found in 'vault'.");
        }
    };

    getRequest.onerror = function (err) {
        console.error("Error fetching data from IndexedDB:", err);
    };
};

• next time you open the extension you should see popup window
• close popup window - you should see warning icons next to affected accounts
• remove one of your accounts, check if you still see popup
• add new account - there should be no icon next to newly added account
• try to connect ledger device - it should always be up to date for now

[mateuszjasiuk]

We ignore ledger for now

[mateuszjasiuk]

Here I only wrapped everything in fragment to add Outlet

[euharrison]

don't need to excuse in advanced, we can see it if we hide the whitespaces 😁

[mateuszjasiuk]

Some of this was copied from namadillo's ModalContainer 😛

[mateuszjasiuk]

I did not change that, just wrapped in Stack

[euharrison]

Nice!

To test, I downloaded the release version 0.3.6 and installed locally, on the same folder that the project builds /apps/extensions/build/chrome/, then imported the key

After that, I switched to this branch, built the chrome extension, and run it. Then I was able to see the new flow

✅

[euharrison]

don't need to excuse in advanced, we can see it if we hide the whitespaces 😁

[euharrison]

closes #1430