feat(dashboard): enhance my-groups component with live pool data and …

[SudiptaPaul-31]

Description

Replaces spinner-based loading states across the dashboard and group detail pages with skeleton loaders that match real content dimensions. This eliminates layout shift when data arrives and improves perceived performance on initial load.

Also fixes a pre-existing bad merge in my-groups.tsx that had stripped the entire file header (imports, types, constants, PoolCard component), leaving the file non-functional.

resolves #12

Changes per file:

• my-groups.tsx — Restored missing file header lost in a prior merge conflict. Replaced the centered spinner with 6 PoolCardSkeleton components in the same grid as real cards. Added inline <Skeleton> for the live "Total Saved" value while onchain data resolves independently.
• profile.tsx — Swapped 3 spinners for skeleton stat tiles matching real content size across the reputation score, savings statistics, and reputation breakdown sections.
• group-details.tsx — Full-card spinner replaced with a structured skeleton: title, badge pills, 4 stat tiles (2×4 grid), and progress bar area.
• group-members.tsx — Spinner replaced with 4 skeleton member rows. Also fixed pre-existing broken JSX where the reputation Badge was placed outside its parent div.
• group-actions.tsx — Added skeleton block (deposit, withdraw, admin controls) while poolData is fetching. Actual form renders once pool metadata resolves — no layout shift.

Closes # (issue)

Type of Change

• feat: new feature
• fix: bug fix
• chore: maintenance, tooling, dependencies
• docs: documentation only
• refactor: code restructuring (no functional changes)
• test: adding or updating tests

How Has This Been Tested?

• cargo test passes (smart contracts)
• pnpm build succeeds (frontend)
• pnpm lint passes (frontend)
• Manual testing (describe below)

Manually verified skeleton states appear on initial load for:

• Dashboard → My Groups tab (6 skeleton cards in the pool grid)
• Group detail page → Details card, Members list, Actions card
• Dashboard → Profile tab (reputation score, savings stats, reputation breakdown)

Confirmed no layout shift occurs when real data replaces skeletons. Tested on both desktop and mobile viewport widths.

Checklist

• My code follows the coding conventions of this project
• I have added/updated tests if needed
• I have updated documentation if needed
• My changes generate no new warnings or errors

[Sendi0011]

@SudiptaPaul-31 i Verified the headline claim directly, not just the description — main genuinely has a broken JSX nesting bug in group-members.tsx right now (tsc --noEmit fails with a real syntax error), caused by a bad merge between the reputation-tracking and optimistic-transactions PRs. Your fix correctly re-nests the reputation badge inside its parent div before it closes, matching the structure that existed before those two PRs collided. Confirmed this resolves cleanly with no remaining errors in that file.
This is a solid, well-scoped PR on its own merits too — skeleton dimensions matching real content, independent resolution per data source rather than blocking on everything at once, and the fix description honestly separates "new feature" from "fixed a pre-existing break I found along the way." Approving — this should merge soon, ideally before #54, since it resolves a real live bug that's currently sitting on main.