🚀 feat: Implement Auto-Refill SettingsTab for Balance

[rubentalstra]

Summary

• Closes: [Enhancement]: create settings tab for new Balance info #6471

This pull request introduces significant changes to the new balance SettingsTab, including the addition of auto-refill settings and updates to the user interface to accommodate these new features. The most important changes are summarized below:

Backend Changes:

• api/server/controllers/Balance.js: Enhanced the balance controller to include auto-refill related fields and handle cases where the balance is not found.

Frontend Changes:

• client/src/components/Nav/AccountSettings.tsx: Updated balance display logic to show token credits with two decimal places.
• client/src/components/Nav/Settings.tsx: Added a new balance tab and included logic to conditionally display it based on the startup configuration. [1] [2] [3] [4] [5]
• client/src/components/Nav/SettingsTabs/Balance/AutoRefillSettings.tsx: Introduced a new component to display auto-refill settings.
• client/src/components/Nav/SettingsTabs/Balance/Balance.tsx: Created a new balance component to display token credits and auto-refill settings.
• client/src/components/Nav/SettingsTabs/Balance/TokenCreditsItem.tsx: Added a new component to display token credits.

Localization:

• client/src/locales/en/translation.json: Added new localization strings for balance and auto-refill settings. [1] [2]

Data Provider:

• packages/data-provider/src/config.ts: Added a new enum value for the balance settings tab.
• packages/data-provider/src/data-service.ts: Updated the getUserBalance function to return a detailed balance response including auto-refill settings. [1] [2]
• packages/data-provider/src/types.ts: Defined a new type TBalanceResponse to represent the balance response structure.

When Balance is enabled: false:

When autoRefillEnabled is enabled on the user balance object:

When autoRefillEnabled is disabled on the user balance object:

Change Type

• New feature (non-breaking change which adds functionality)

Testing

Please describe your test process and include instructions so that we can reproduce your test. If there are any important variables for your testing configuration, list them here.

Test Configuration:

Checklist

• My code adheres to this project's style guidelines
• I have performed a self-review of my own code
• I have commented in any complex areas of my code
• I have made pertinent documentation changes
• My changes do not introduce new warnings
• I have written tests demonstrating that my changes are effective or that my feature works
• Local unit tests pass with my changes
• Any changes dependent on mine have been merged and published in downstream modules.