Updates

components/elements/ColorSchemeSelector.tsx

@@ -1,4 +1,4 @@
-import React, { DetailedHTMLProps, HTMLAttributes } from "react";
+import React, { type DetailedHTMLProps, type HTMLAttributes } from "react";
 import { twMerge } from "tailwind-merge";
 import { Moon, Sun } from "lucide-react";
 
@@ -75,21 +75,21 @@ export default function ColorSchemeSelector({
             className={twMerge(
                 "flex flex-row items-center",
                 "twui-color-scheme-selector",
-                props.className
+                props.className,
             )}
         >
             <button
                 title="Color Scheme Selector Button"
                 onClick={() => setActive(!active)}
                 className={twMerge(
-                    "cursor-pointer hover:opacity-70 flex items-center justify-center"
+                    "cursor-pointer hover:opacity-70 flex items-center justify-center",
                 )}
             >
                 <div
                     {...iconWrapperProps}
                     className={twMerge(
                         "w-6 h-6 flex items-center justify-center",
-                        iconWrapperProps?.className
+                        iconWrapperProps?.className,
                     )}
                 >
                     {active == false && <Sun />}