Move Tabs to <Render>

This is the last component to move to <Render>!

src/lib/components/tabs/TabList.svelte

@@ -1,13 +1,30 @@
 <script lang="ts">
   import { useTabsContext } from "./TabGroup.svelte";
+  import { forwardEventsBuilder } from "$lib/internal/forwardEventsBuilder";
+  import { get_current_component } from "svelte/internal";
+  import type { SupportedAs } from "$lib/internal/elements";
+  import type { HTMLActionArray } from "$lib/hooks/use-actions";
+  import Render from "$lib/utils/Render.svelte";
+  const forwardEvents = forwardEventsBuilder(get_current_component());
+
+  export let as: SupportedAs = "div";
+  export let use: HTMLActionArray = [];
 
   let api = useTabsContext("TabList");
   $: propsWeControl = {
     role: "tablist",
     "aria-orientation": $api.orientation,
   };
+
+  $: slotProps = { selectedIndex: $api.selectedIndex };
 </script>
 
-<div {...{ ...$$restProps, ...propsWeControl }}>
-  <slot selectedIndex={$api.selectedIndex} />
-</div>
+<Render
+  {...{ ...$$restProps, ...propsWeControl }}
+  {as}
+  {slotProps}
+  use={[...use, forwardEvents]}
+  name={"TabList"}
+>
+  <slot {...slotProps} />
+</Render>