Shape settlements/[id]/loading.tsx's skeleton to match SettlementDetail's layout

[Jagadeeshftw]

📌 Description

Similarly to the anchor detail route, src/app/settlements/[id]/loading.tsx likely renders a bare Spinner, while SettlementDetail (src/components/SettlementDetail.tsx) renders a heading with a StatusBadge, a four-field dl grid, and conditional action buttons — a noticeably richer layout than a single spinner.

🧩 Requirements and context

• Update src/app/settlements/[id]/loading.tsx to render a Card-wrapped skeleton approximating SettlementDetail's heading + four-field dl grid layout.
• Keep the back-link area consistent with SettlementDetail's actual structure.

🛠️ Suggested execution

• Update src/app/settlements/[id]/loading.tsx to compose a skeleton resembling SettlementDetail's layout using Card and placeholder bars.
• Cross-check against src/components/SettlementDetail.tsx's actual JSX structure to keep proportions reasonable.

✅ Acceptance criteria

• The settlement detail route's loading boundary visually approximates SettlementDetail's real layout.
• The back-link/header area remains consistent with the loaded page.

🔒 Security notes

No new attack surface; a loading-state UI polish task.

📋 Guidelines

• Minimum 95% test coverage
• Clear documentation
• Timeframe: 96 hours

[Ayinkx]

Hi i would like to work on this issue

[grantfox-oss]

🦊 GrantFox — @Ayinkx has been assigned to this issue as part of the Official Campaign | FWC26 campaign!

Next steps:

1. Open a Pull Request referencing this issue (e.g., Closes #167)
2. Your PR will be reviewed by the AnchorNet-Org maintainers

Good luck! Track your progress on GrantFox.

[grantfox-oss]

🦊 GrantFox — @Ayinkx has been assigned to this issue as part of the Official Campaign | FWC26 campaign!

Next steps:

1. Open a Pull Request referencing this issue (e.g., Closes #167)
2. Your PR will be reviewed by the AnchorNet-Org maintainers

Good luck! Track your progress on GrantFox.