DS-078: Add SkipLink and main-content focus handling

[IbrahimIjai]

Context

Keyboard and screen-reader users currently traverse global navigation on every
route change. The application needs a reliable way to bypass repeated chrome
and reach the current page content.

Scope

• Add a shared SkipLink styled with design-system focus and surface tokens.
• Give the application shell a stable main-content target.
• Move focus to the page heading or main region after client-side navigation
  when appropriate.
• Prevent focus movement during query-only or tab-only state changes.

Acceptance criteria

• SkipLink is the first keyboard-focusable element and appears visibly on focus.
• Activating it moves focus to the main region without changing the URL unexpectedly.
• Route navigation announces the new page title once.
• Pointer navigation does not receive intrusive focus outlines or scrolling.
• Playwright tests cover skip activation and focus after route changes.

Out of scope

• Redesigning global navigation.
• Managing focus inside dialogs, menus, or other overlays.

[therealmercy-dev]

@therealmercy-dev has applied to work on this issue as part of the Stellar Wave Program's 7th wave.

Hi maintainer! I would love to help you with this issue. Given my theoretical knowledge and background, I am quite sure that I am well-equipped to tackle it. Please kindly assign it to me.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @therealmercy-dev to this issue.

[Michael997glitch]

@Michael997glitch has applied to work on this issue as part of the Stellar Wave Program's 7th wave.

Hi, I’m a smart contractor and a full-stack web developer, I have read through the issue and it’s something I’m capable of doing. Please assign me this work.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Michael997glitch to this issue.

[Adunola022]

@Adunola022 has applied to work on this issue as part of the Stellar Wave Program's 7th wave.

I’m interested in contributing to this issue and am confident I can deliver a clean, efficient solution.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Adunola022 to this issue.

[pleasureiliya69-ops]

@pleasureiliya69-ops has applied to work on this issue as part of the Stellar Wave Program's 7th wave.

I would like to work on this issue

ℹ️ Repo Maintainers: To accept this application, review their application or assign @pleasureiliya69-ops to this issue.

[OkonkwoEmeka]

@OkonkwoEmeka has applied to work on this issue as part of the Stellar Wave Program's 7th wave.

hi maintainer, please i’d love to work on this issue. i’m a professional frontend accessibility developer, and i can finish it properly and on time.

i understand the goal is to add a reliable skiplink and main-content focus flow for keyboard and screen-reader users. i’ll make the skip link first-focusable, handle route-change focus carefully, avoid query/tab-only focus jumps, and cover the behavior with playwright tests.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @OkonkwoEmeka to this issue.

[garfieldxxx1]

@garfieldxxx1 has applied to work on this issue as part of the Stellar Wave Program's 7th wave.

Hey maintainer
I would love to take on this task
Thanks

ℹ️ Repo Maintainers: To accept this application, review their application or assign @garfieldxxx1 to this issue.

[sanctus-mvp]

@sanctus-mvp has applied to work on this issue as part of the Stellar Wave Program's 7th wave.

Hi Maintainer, I'd love to work on this issue please. I deliver high impact solutions, ensuring seamless workflow and client satisfaction

ℹ️ Repo Maintainers: To accept this application, review their application or assign @sanctus-mvp to this issue.

[Tobiloba0]

@Tobiloba0 has applied to work on this issue as part of the Stellar Wave Program's 7th wave.

Hi maintainer, I would like to work on this issue.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Tobiloba0 to this issue.

[Bojest001]

@Bojest001 has applied to work on this issue as part of the Stellar Wave Program's 7th wave.

Hi Maintainer please I will like to work on this issue

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Bojest001 to this issue.

[Adotse10066]

@Adotse10066 has applied to work on this issue as part of the Stellar Wave Program's 7th wave.

Hi Maintainer, I'd love to work on this issue please. I deliver high impact solutions, ensuring seamless workflow and client satisfaction

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Adotse10066 to this issue.

[Nwapu-TrustJah]

@Nwapu-TrustJah has applied to work on this issue as part of the Stellar Wave Program's 7th wave.

Hi Maintainer !
I'd love to take on this issue and implement the SkipLink and route focus management.
Ensuring keyboard and screen-reader users can skip redundant navigation and easily orient themselves on client-side route changes will be a great accessibility boost for the interface. Please assign this to me so I can get started

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Nwapu-TrustJah to this issue.

[DevRushd]

@DevRushd has applied to work on this issue as part of the Stellar Wave Program's 7th wave.

I would love to resolve this issue. Kindly assign it to me.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @DevRushd to this issue.

[cybermax4200]

@cybermax4200 has applied to work on this issue as part of the Stellar Wave Program's 7th wave.

Hello, I'm interested in resolving this issue.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @cybermax4200 to this issue.

[0xsteins]

@0xsteins has applied to work on this issue as part of the Stellar Wave Program's 7th wave.

Hello, good day, Can I work on this sir?

ℹ️ Repo Maintainers: To accept this application, review their application or assign @0xsteins to this issue.