When Profile and Wallet pages load data from the API (after Issues 21 and 22 are resolved), there will be an async fetch period. Currently there are no loading skeletons — the page will just be blank or flash with empty state.
Fix Required
Add Tailwind-based skeleton loaders for:
- Profile header (avatar circle, name line, address line)
- Stats row (5 rectangular blocks)
- Prediction table rows
- Wallet balance cards
- Transaction table rows
A reusable <Skeleton /> component already exists at component/ui/. Use it consistently.
Files to change:
frontend/src/app/(authenticated)/profile/page.tsxfrontend/src/app/(authenticated)/wallet/page.tsx
When Profile and Wallet pages load data from the API (after Issues 21 and 22 are resolved), there will be an async fetch period. Currently there are no loading skeletons — the page will just be blank or flash with empty state.
Fix Required
Add Tailwind-based skeleton loaders for:
A reusable
<Skeleton />component already exists atcomponent/ui/. Use it consistently.Files to change:
frontend/src/app/(authenticated)/profile/page.tsxfrontend/src/app/(authenticated)/wallet/page.tsx