chore: type reorg

components/TempDesignSystem/SidePeek/index.tsx

@@ -3,16 +3,15 @@
 import { Children, cloneElement, PropsWithChildren } from "react"
 import { Dialog, DialogTrigger, Modal } from "react-aria-components"
 
+import { SidePeekProps } from "./types"
+
 import styles from "./sidePeek.module.css"
 
 export default function SidePeek({
   children,
   onClose,
   activeContent,
-}: PropsWithChildren<{
-  onClose: (isOpen: boolean) => void
-  activeContent: string | null
-}>) {
+}: PropsWithChildren<SidePeekProps>) {
   return (
     <DialogTrigger>
       <Modal