No more href to '#' for reasons

[thehabes]

Closes #462

Encountered #467

Summary

Eliminates 12 instances of href="#" across the codebase to prevent the # character from polluting the browser URL and history. If a href is ever set it is a <a>. If a href is never set, it is a <button>.

Approach

• Navigation links (manage-project, project): Removed href="#", added tabindex="0" for keyboard accessibility. JS sets real href after project loads.
• Action elements (logout, TPEN 2.8 import, edit title, open project): Converted from <a href="#"> to <button> with CSS resets to match existing styling.
• Loading placeholder (list-navigation): Converted non-interactive <a href="#">Loading...</a> to <span>.
• Focus indicators: Added focus-visible styles to Card component slotted <a> and <button> elements for keyboard navigation visibility.

Files Changed

• interfaces/manage-project/index.html — 6 card footer links
• interfaces/project/index.html — leave project link
• components/gui/site/Header.js + header.css — logout button
• components/new-action.js — TPEN 2.8 import button
• components/project-details/index.js — edit title button
• components/projects/list-navigation.js — loading placeholder
• interfaces/import-tpen28/index.html — open project button
• components/gui/card/Card.js — focus-visible styles

Testing

• Verified no href="#" remains in codebase
• Keyboard Tab navigation reaches all interactive elements
• Focus indicators visible on card footer links and buttons
• Enter is actionable on focused links and buttons
• Logout, TPEN 2.8 import, and edit title actions function correctly

Note

Now buttons look a little different here..

This occurs in other places where we made such changes, like in /annotator and /manage-columns.

This will help set the stage for #465 where we would have to look at all of those and think about it.

[github-actions]

🚀 Deployed on https://698e49777b4db931e4fd7235--tpen-interfaces-preview.netlify.app

[cubap]

yesyes