chore: update imports and add lint ignore comments in UI components

Author: alicanerdurmaz

packages/ui/registry/default/ui/chart.tsx

@@ -78,6 +78,7 @@ const ChartStyle = ({ id, config }: { id: string; config: ChartConfig }) => {
 
   return (
     <style
+      // biome-ignore lint/security/noDangerouslySetInnerHtml: There is no risk of XSS here.
       dangerouslySetInnerHTML={{
         __html: Object.entries(THEMES)
           .map(

packages/ui/registry/default/ui/form.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as LabelPrimitive from "@radix-ui/react-label";
+import type * as LabelPrimitive from "@radix-ui/react-label";
 import { Slot } from "@radix-ui/react-slot";
 import {
   Controller,

packages/ui/registry/default/ui/input-otp.tsx

@@ -68,6 +68,7 @@ function InputOTPSlot({
 
 function InputOTPSeparator({ ...props }: React.ComponentProps<"div">) {
   return (
+    // biome-ignore lint/a11y/useAriaPropsForRole: This component is not interactive.
     <div data-slot="input-otp-separator" role="separator" {...props}>
       <MinusIcon />
     </div>

packages/ui/registry/default/ui/sonner.tsx

@@ -1,5 +1,5 @@
 import { useTheme } from "next-themes";
-import { Toaster as Sonner, ToasterProps } from "sonner";
+import { Toaster as Sonner, type ToasterProps } from "sonner";
 
 const Toaster = ({ ...props }: ToasterProps) => {
   const { theme = "system" } = useTheme();