chore: add consistent type imports

components/TempDesignSystem/Toasts/index.tsx

@@ -1,4 +1,4 @@
-import { ExternalToast, toast as sonnerToast, Toaster } from "sonner"
+import { type ExternalToast, toast as sonnerToast, Toaster } from "sonner"
 
 import {
   CheckCircleIcon,
@@ -10,11 +10,12 @@ import {
 
 import Button from "../Button"
 import Body from "../Text/Body"
-import { ToastsProps } from "./toasts"
 import { toastVariants } from "./variants"
 
 import styles from "./toasts.module.css"
 
+import type { ToastsProps } from "./toasts"
+
 export function ToastHandler() {
   return <Toaster position="bottom-right" duration={5000} />
 }

components/TempDesignSystem/Toasts/toasts.ts

@@ -1,7 +1,7 @@
-import { toastVariants } from "./variants"
-
 import type { VariantProps } from "class-variance-authority"
 
+import type { toastVariants } from "./variants"
+
 export type ToastsProps = Omit<React.HTMLAttributes<HTMLDivElement>, "color"> &
   VariantProps<typeof toastVariants> & {
     onClose?: () => void