Bug: Table selection UI desync on navigation

[theo-vdml]

Description:

When clicking on a table name in the table view to navigate to it, the UI displays the wrong table content despite the URL being correctly updated.

Steps to Reproduce:

Open SQL Studio with a database containing multiple tables
Click on a table (e.g., users)
Observe the behavior
-- OR --
See attached video for demonstration

Expected Behavior:

URL updates to ?table=users
UI highlights users table as selected
UI displays content of users table

Actual Behavior:

URL correctly updates to ?table=users ✅
UI highlights a different table as selected (e.g., messages) ❌
UI displays content of the wrong table (messages) ❌

Workaround:

Refreshing the page (F5) after navigation correctly displays the intended table and fixes the UI selection state.

Additional Context:

This suggests a client-side state management issue where the UI state isn't properly syncing with the URL parameter on navigation. The URL is being set correctly (as proven by the refresh working), but the component rendering the table list and content isn't reacting to that change properly.

No errors are shown in the browser console.

Environment:

Browser: Zen (Firefox based)
SQL Studio version: 0.1.46
Database type: sqlite

Test in Zen Browser

20251209-1409-25.4036553.mp4

Test in Firefox

20251209-1421-32.7681202.mp4

Also tested in chrome-based browser, same result