We encounter an unhandled runtime error when the user disconnects their wallet from charisma!

The app crashes on indexed tokens when the user wallet is not connected to the site.

1. The users wallet shows NaaN for total token balances(token amount & total value in USD) if there are no token assets. Change to real numbers.
2. Prompt user to connect wallet on the portfolio page when not connected. It currently shows "loading..."

When you open the website and you have not connected your wallet to the website, you have an unhandled runtime error!

The creatures page also throws up an Unhandled Runtime Error after loading for about 5 seconds

The token page returns a type error upon load !

The user is automatically redirected to the homepage every time they disconnect their wallets. They would have to re-navigate to wherever they were. IMO the user should remain in the same page.

The home page returns an unhandled runtime error

Feature Request: Create a New Indexes Page

Description:
We need to create a new Indexes page to eventually replace the Crafting page. The term "Indexes," referring to index funds, is more commonly understood and aligns better with the goals of these tokens.

Goals:

• Replace the "Crafting" terminology with "Indexes" to improve clarity.
• Simplify the UI to facilitate faster creation of new indexes.
• Transition from a manually intensive process to a more streamlined grid format with less emphasis on images and more on data.

Current Crafting Page Overview:

Crafting Overview
The crafting page allows you to leverage your liquid staked assets to mint new tokens called compound tokens, that have unique and powerful properties.

Here are some of the key terms to know:

Compound Token: A rebase token which base token(s) are also rebase tokens. It has compounding returns.

Crafting: The process through which compound tokens are created by liquid staking base tokens.

Salvaging: Involves the breakdown of a compound token back into its original base assets.

Updated Copy for Indexes Page:

Indexes Overview
The Indexes page allows you to leverage your liquid staked assets to mint new tokens called index tokens.

Here are some of the key terms to know:

Index Token: A token created by combining two or more other tokens at a fixed ratio.

Add Liquidity: The process through which index tokens are created by depositing base tokens.

Remove Liquidity: Involves the breakdown of an index token back into its original base assets.

UI Changes:

• Transition to a grid format.
• Reduce the use of images, focus more on data presentation.
• Simplify the creation process to minimize manual effort and creativity, making it more straightforward and efficient.

Acceptance Criteria:

• A new Indexes page is created and replaces the Crafting page.
• The terminology is updated throughout the application as described.
• The UI is simplified and follows the new grid format, similar to Velar's Pools UI.
• The process for creating new indexes is streamlined and requires minimal manual effort.

Additional Notes:

• Ensure all references to "Crafting" in the codebase, documentation, and user interface are updated to "Indexes."

Feature Request: Add Portfolio Tab on Settings Page

Description:
We need to add a new Portfolio tab on the settings page to track the user's wallet balances, specifically for tokens relevant to Charisma. This tab will provide users with an overview of their token holdings directly within the app.

Goals:

• Add a Portfolio tab on the settings page.
• Track and display the user's wallet balances for Charisma-relevant tokens.
• Use React Context to ensure that the balances are provided to the state of the app.

Requirements:

1. UI/UX:

   • Add a new Portfolio tab in the settings section.
   • Design the Portfolio tab to display the user's wallet balances in an intuitive and user-friendly manner.
   • Ensure the layout is consistent with the existing design language of the app.

2. Functionality:

   • Fetch the user's wallet balances for Charisma-relevant tokens.
   • Display the token name, balance, and current value (if applicable).
   • Update the balances in real-time as transactions occur.

3. State Management:

   • Use React Context to manage and provide wallet balances to the state of the app.
   • Ensure the Context is accessible throughout the app for any component that needs to display or use the balance information.

Implementation Details:

• Create a new React Context for managing wallet balances.
• Fetch wallet balances using an appropriate API or on-chain data source.
• Update the Context provider with the fetched balances.
• Ensure that the Portfolio tab component subscribes to the Context and renders the balance data.

Acceptance Criteria:

• A new Portfolio tab is added to the settings page.
• The tab accurately displays the user's wallet balances for Charisma-relevant tokens.
• React Context is implemented and correctly provides the balance data to the app's state.
• The balance data is updated in real-time as transactions occur.

Additional Notes:

• Ensure that any sensitive information is securely handled and not exposed inappropriately.
• Test thoroughly to ensure the balances are accurate and the UI updates correctly.

Currently, recruiting farmers result in unsecure transactions.

The token page displays a type error even when the wallet has been connected

Enable faucet and add some info on the page to show how many ravens are minted, what the next id is, and how much fenrir is required to mint it.