Add version to Docs header; fix broken links

Author: rgossiaux

src/routes/docs/1.0/__layout.svelte

@@ -28,8 +28,9 @@
         <span class="sr-only">Open sidebar</span>
         <MenuAlt2Icon class="h-6 w-6" aria-hidden="true" />
       </button>
-      <a href="/docs">
+      <a href="/docs/1.0">
         <span class="text-amber-600">Svelte</span> Headless UI
+        <span class="text-base text-red-500">v1.0</span>
       </a>
     </div>
     <a

src/routes/docs/1.0/dialog.svx

@@ -190,7 +190,7 @@ Because of these accessibility concerns, Svelte Headless UI's `Dialog` actually
 
 ## Transitions
 
-To animate the opening and closing of your dialog, you can use [this library's Transition component](/docs/transition) or Svelte's built-in transition engine. See that page for a comparison.
+To animate the opening and closing of your dialog, you can use [this library's Transition component](/docs/1.0/transition) or Svelte's built-in transition engine. See that page for a comparison.
 
 ### Using the `Transition` component
 

src/routes/docs/1.0/disclosure.svx

@@ -147,7 +147,7 @@ By default the `DisclosureButton` receives focus after calling `close()`, but yo
 
 ## Transitions
 
-To animate the opening and closing of the disclosure panel, you can use [this library's Transition component](/docs/transition) or Svelte's built-in transition engine. See that page for a comparison.
+To animate the opening and closing of the disclosure panel, you can use [this library's Transition component](/docs/1.0/transition) or Svelte's built-in transition engine. See that page for a comparison.
 
 ### Using the `Transition` component
 

src/routes/docs/1.0/listbox.svx

@@ -261,7 +261,7 @@ Use the `disabled` prop to disable a `ListboxOption`. This will make it unselect
 
 ## Transitions
 
-To animate the opening and closing of the listbox, you can use [this library's Transition component](/docs/transition) or Svelte's built-in transition engine. See that page for a comparison.
+To animate the opening and closing of the listbox, you can use [this library's Transition component](/docs/1.0/transition) or Svelte's built-in transition engine. See that page for a comparison.
 
 ### Using the `Transition` component
 

src/routes/docs/1.0/menu.svx

@@ -178,7 +178,7 @@ Use the `disabled` prop to disable a `MenuItem`. This will make it unselectable
 
 ## Transitions
 
-To animate the opening and closing of the menu, you can use [this library's Transition component](/docs/transition) or Svelte's built-in transition engine. See that page for a comparison.
+To animate the opening and closing of the menu, you can use [this library's Transition component](/docs/1.0/transition) or Svelte's built-in transition engine. See that page for a comparison.
 
 ### Using the `Transition` component
 

src/routes/docs/1.0/popover.svx

@@ -218,7 +218,7 @@ Like all the other components, PopoverOverlay is completely unstyled, so how it
 
 ## Transitions
 
-To animate the opening and closing of the popover panel, you can use [this library's Transition component](/docs/transition) or Svelte's built-in transition engine. See that page for a comparison.
+To animate the opening and closing of the popover panel, you can use [this library's Transition component](/docs/1.0/transition) or Svelte's built-in transition engine. See that page for a comparison.
 
 ### Using the `Transition` component
 

src/routes/docs/latest/__layout.svelte

@@ -28,8 +28,9 @@
         <span class="sr-only">Open sidebar</span>
         <MenuAlt2Icon class="h-6 w-6" aria-hidden="true" />
       </button>
-      <a href="/docs">
+      <a href="/docs/latest">
         <span class="text-amber-600">Svelte</span> Headless UI
+        <span class="text-base">v2.0</span>
       </a>
     </div>
     <a

src/routes/docs/latest/dialog.svx

@@ -190,7 +190,7 @@ Because of these accessibility concerns, Svelte Headless UI's `Dialog` actually
 
 ## Transitions
 
-To animate the opening and closing of your dialog, you can use [this library's Transition component](/docs/transition) or Svelte's built-in transition engine. See that page for a comparison.
+To animate the opening and closing of your dialog, you can use [this library's Transition component](/docs/latest/transition) or Svelte's built-in transition engine. See that page for a comparison.
 
 ### Using the `Transition` component
 

src/routes/docs/latest/disclosure.svx

@@ -147,7 +147,7 @@ By default the `DisclosureButton` receives focus after calling `close()`, but yo
 
 ## Transitions
 
-To animate the opening and closing of the disclosure panel, you can use [this library's Transition component](/docs/transition) or Svelte's built-in transition engine. See that page for a comparison.
+To animate the opening and closing of the disclosure panel, you can use [this library's Transition component](/docs/latest/transition) or Svelte's built-in transition engine. See that page for a comparison.
 
 ### Using the `Transition` component
 

src/routes/docs/latest/listbox.svx

@@ -260,7 +260,7 @@ Use the `disabled` prop to disable a `ListboxOption`. This will make it unselect
 
 ## Transitions
 
-To animate the opening and closing of the listbox, you can use [this library's Transition component](/docs/transition) or Svelte's built-in transition engine. See that page for a comparison.
+To animate the opening and closing of the listbox, you can use [this library's Transition component](/docs/latest/transition) or Svelte's built-in transition engine. See that page for a comparison.
 
 ### Using the `Transition` component