UI/UX: Make placeholder footer and disclaimer links real or visibly non-actionable

[Baskarayelu]

Description

The footer in src/components/Layout.tsx ships three href="#" links (Documentation, Terms of Service, Privacy Policy) and src/components/Disclaimer.tsx renders a Full terms & conditions link defaulting to termsHref="#". These dead links create false affordances and accessibility confusion — they look clickable but jump to top. We need a design decision and treatment: either route them to real destinations or present them as clearly "coming soon"/disabled with appropriate semantics.

Requirements and context

• UI/UX scope only — link treatment and copy.
• Reference src/components/Layout.tsx footer and src/components/Disclaimer.tsx.
• Define styling/semantics for not-yet-available links (e.g. aria-disabled, tooltip, or muted style).
• Provide a manifest of intended destinations for handoff.

Suggested execution

• Branch: uiux/footer-link-treatment.
• Update Layout.tsx footer and Disclaimer.tsx link rendering.
• Deliver: link-state spec and a destination manifest table.

Test and commit

• Visual QA at 375px and 1280px.
• npm run build and npm run lint pass.
• a11y checks: disabled links are not in the tab order or are clearly marked; no misleading affordance.

Example commit message

feat(uiux): clarify placeholder footer and disclaimer link states

Guidelines

• Clear documentation of intended destinations.
• Design consistency between footer and disclaimer links.
• Timeframe: 96 hours