chore(bridge-ui): clean tabs component (#13526)

packages/bridge-ui/src/components/Tabs/Tabs.svelte

@@ -1,20 +1,22 @@
 <script lang="ts" context="module">
-  import { getContext } from 'svelte';
-  import type { Writable } from 'svelte/store';
-
   export const key = Symbol();
 </script>
 
 <script lang="ts">
-  import { writable } from 'svelte/store';
-  import { setContext } from 'svelte';
+  import { writable, type Writable } from 'svelte/store';
+  import { setContext, getContext } from 'svelte';
 
+  // Props
   export let activeTab = '';
 
   // State only available to the component and its descendants
   setContext(key, writable(activeTab));
-  const currentActiveTab = getContext<Writable<string>>(key);
-  $: $currentActiveTab = activeTab;
+
+  // We need to keep the store in sync with the prop in case the user
+  // navigates back in the browser, which will change the prop but not
+  // the Tabs' state
+  const storeActiveTab = getContext<Writable<string>>(key);
+  $: $storeActiveTab = activeTab;
 </script>
 
 <div class={$$restProps.class} style={$$restProps.style}>