Issue: Logout link scrolls page to top before redirect

When clicking Logout from the global navigation menu, the browser briefly scrolls the page to the top.
This occurs because the HTML contains href="#" which triggers
default navigation behavior.

Current Behavior

• Clicking Logout triggers a scroll jump before redirecting
• Happens inconsistently depending on viewport position + response time

Expected Behavior

• Clicking Logout should smoothly trigger logout without scroll jump

Observations

• The issue may not always be visible on fast local/dev servers
• The scroll jump may occur more often in production or on slow networks
• Inspecting code showed the root cause (href="#")

Proposed Fix
Replace <a href="#"> with a <button type="button">
and keep existing logout logic with @click.prevent="handleLogout".

Verification

• Tested locally
• No UI change
• Logout still works as expected