Frontend/dashboard

[KingFRANKHOOD]

FE: Implement Dashboard Overview with Financial Analytics #6

Issue requirements

Develop the main dashboard view as per "Desktop 8" specifications. This view should provide a comprehensive overview of financial data and analytics, offering interactive charts and a responsive layout.

Closes #6

Details HERE

What this PR does;

• The dashboard view is aligned with Desktop 8 design requirements.
• All components (sidebar, header, financial cards, charts, pending appeal section, and table) are implemented and functional.
• The page is responsive and handles real-time data updates seamlessly.
• An interactive chart for AI analysis and a pie chart for DAO funds allocation are correctly integrated.
• Imported coingecko API to get real time data of STARK token and implemented it on the transaction table

Dependencies installed

Shadcn

INSTALLATION

npm install -D @shadcn/ui

Initialize and select New york style

npx shadcn init

Install the following components:

npx shadcn@latest add card button sheet input dropdown-menu input table

React chart

npm install rechart

Tanstack

npm install tanstack

Font

npm install @fontsource/montserrat

[anonfedora]

run npm run build locally before pushing new changes, please