Update Feat Dashboard view

[chimmykk]

Describe your changes

Improve code UI/UX Validation of input in src/

1. [x] Create a dashboard view for wallets, Account section, Settings and other placeholder.
2. [x] Setttings to view address, private keys and retrieve seed phrase.
3. [ ] Should be able to change network rpc
4. [ ] Display Balance, Transparent and shielded balance
5. [ ] Integrate past transaction (maybe last 5 txn) and display
6. [ ] Add a function to receive that display current address + (QR code)

Checklist before Pull request

• [ ] Check on LiveView
• [ ] Run on the app(Tauri), src-tauri/
  • [ ] All tested and verified

[chimmykk]

So, yeah have some thing like this dashboard>

Exchange not necessarily needed, receive and sell, where it redirect to existing

On the sidebar BTC TO NAM maybe?

Under settings Have like change network rpc section Wallets (If they want to change what wallet they want to use? maybe come up with an idea, > like metamask has on top where user can select which wallet to use? Address books - that has list of address Security and backup - for checking

Supports

Etc , that should look like a crypto wallet in basic( Setttings to view address, private keys and retrieve seed phrase.)

[chimmykk]

https://github.com/user-attachments/assets/0fa69ee2-854f-43bb-b202-96cc8dc699a8

So yeah, since basic html doesn't support component playaround we will use js<>to dynamically render the html pages, so that it doesn't href or window.href over to a new page. So there maybe conflicts on buttons and css when trying to import for sendtoken/receivetoken. Feel free to update the div class of button to something unique, so that it won't conflict the existing button structure, @suhaimz11 just tagging for visibility!

[chimmykk]

Working parallel along side here, so we can push it further more

Assigned yourself with @(username) with what you're currently working on (as it can cause conflict of double work)

1. [x] Connection & Sync @chimmykk (working on it)
2. [x] Wallets
3. [x] Address Book @chimmykk (working on it)
4. [x] Security and Backup
5. [x] Privacy
6. [x] Maybe get rid of Display settings & Other settings
7. [x] Support as default (Some like contact us at @namazo.co)

[suhaimz11]

use this code for your coonection and sync work

[chimmykk]

The above for connection and Sync & add one more button on the adjacent, as(Turn Shielded sync)

for security and privacy its a function that reveals user wallet seed phrase

so yeah this one

above for add accounts

[chimmykk]

The above doesn’t necessarily mean it should match the context , but it should have the attributes that are required and serve a purpose , for instance, not meaning you should copy the same wallet display or add function it can simple as a textbox with basic ui/ux and add button and down the line for display maybe a list of address horizontally !

[suhaimz11]

the basic skeleton is done, now need to add functionality to all .

[chimmykk]

okay will close the issue once the basic ui/ux match as decided!

[chimmykk]

@suhaimz11 thing's have been due need this to pull ASAP! when can i expect?