feat(fe): build full-stack UI for 5 advanced financial modules (!22) · Merge Requests · ThinhNC / finwise-miniapp-fe

feat(fe): build full-stack UI for 5 advanced financial modules

Overview

This pull request delivers 5 end-to-end full-stack advanced financial features for FinWise Mini App, introducing algorithmic financial forecasting, discrete-event simulation, statistical anomaly detection, automated subscription tracking, and a deterministic natural language query engine.

All features are fully integrated across the stack with Type-Safe Backend Services, Mathematical Engines, Automated Tests, Claymorphism UI Components, TanStack Query Hooks, and Bilingual Localization (VI/EN).

UI / UX & Design System Compliance

Claymorphism Standard: Strictly built with tailwind.config.js tokens (bg-clay-bg, bg-clay-surface, shadow-clay-raised, shadow-clay-hover, shadow-clay-pressed, rounded-clay, rounded-clay-sm).
Feedback States: Complete coverage of Claymorphism loading skeletons, error states with retry buttons, and empty state cards.
Localization: 100% bilingual support in vi.json and en.json.
Navigation & Head: Dynamic document.title synchronization via DocumentTitle.tsx and quick-access dashboard tiles on HomePage.

## Overview
This pull request delivers **5 end-to-end full-stack advanced financial features** for FinWise Mini App, introducing algorithmic financial forecasting, discrete-event simulation, statistical anomaly detection, automated subscription tracking, and a deterministic natural language query engine.

All features are fully integrated across the stack with **Type-Safe Backend Services**, **Mathematical Engines**, **Automated Tests**, **Claymorphism UI Components**, **TanStack Query Hooks**, and **Bilingual Localization (VI/EN)**.

---

## UI / UX & Design System Compliance
- **Claymorphism Standard**: Strictly built with `tailwind.config.js` tokens (`bg-clay-bg`, `bg-clay-surface`, `shadow-clay-raised`, `shadow-clay-hover`, `shadow-clay-pressed`, `rounded-clay`, `rounded-clay-sm`).
- **Feedback States**: Complete coverage of Claymorphism loading skeletons, error states with retry buttons, and empty state cards.
- **Localization**: 100% bilingual support in `vi.json` and `en.json`.
- **Navigation & Head**: Dynamic `document.title` synchronization via `DocumentTitle.tsx` and quick-access dashboard tiles on `HomePage`.