Hash-Based Routing Implementation

[pfefferle]

1. parseHash() function (lines 26-41):
   • Parses URL hash like #/followers or #/followers/abc123
   • Returns both section and optional itemId
   • Defaults to 'dashboard' if no hash present
2. updateHash() function (lines 43-49):
   • Updates URL hash without page reload
   • Uses window.history.pushState() for clean history management
3. URL Initialization (lines 55-60):
   • Reads URL hash on component mount
   • Sets initial section and item from URL
4. Hash Change Listener (lines 62-74):
   • Listens for browser back/forward navigation
   • Updates state when hash changes
5. Navigation Handlers:
   • handleNavigate() - Updates URL when switching sections
   • handleSelectItem() - Updates URL when viewing item details
   • handleCloseInspector() - Removes item from URL

Proposed changes:

Other information:

• Have you written new tests for your changes, if applicable?

Testing instructions:

• Go to '..'

Changelog entry

• Automatically create a changelog entry from the details below.

Changelog Entry Details

Significance

• Patch
• Minor
• Major

Type

• Added - for new features
• Changed - for changes in existing functionality
• Deprecated - for soon-to-be removed features
• Removed - for now removed features
• Fixed - for any bug fixes
• Security - in case of vulnerabilities

Message

[obenland]

I'm fine with going with this for now. Before release, I'd like to check if we can make query-based URLs work, maybe use a proper router like tanstack.

[pfefferle]

Will check out tanstack