tests: add modal tests / fix modal testing issues

Author: thejackshelton

apps/website/src/routes/docs/headless/modal/index.mdx

@@ -186,7 +186,7 @@ To add an transition, use the `modal-showing` and `modal-closing` css classes. A
 
 ### Adding an animation
 
-<Showcase name="animation" />
+<Showcase name="animatable" />
 
 To add an animation, it's the same as with transitions, using the `modal-showing` and `modal-closing` css classes. Below is a snippet of the animation example above.
 

apps/website/src/routes/layout.tsx

@@ -11,6 +11,7 @@ import { MDXProvider } from '~/_state/MDXProvider';
 import { components } from '~/components/mdx-components';
 import { DashboardTableOfContents } from '~/components/toc/toc';
 import { ScrollArea } from '@qwik-ui/styled';
+import Header from '~/components/header/header';
 
 export default component$(() => {
   const { headings } = useContent();
@@ -19,7 +20,7 @@ export default component$(() => {
 
   return (
     <>
-      {/* <Header showBottomBorder={true} showVersion={true} /> */}
+      <Header showBottomBorder={true} showVersion={true} />
       <div class="flex justify-center">
         <div class="flex w-full max-w-screen-2xl justify-center lg:justify-around xl:justify-between 2xl:space-x-16">
           <DocsNavigation

packages/kit-headless/src/components/modal/index.ts

@@ -2,4 +2,3 @@ export * from './modal';
 export * from './modal-content';
 export * from './modal-footer';
 export * from './modal-header';
-export * from './types';