Restore Ultracite + fix sidebar (#1233)

components/image-editor.tsx

@@ -1,14 +1,14 @@
-import { LoaderIcon } from './icons';
-import cn from 'classnames';
+import cn from "classnames";
+import { LoaderIcon } from "./icons";
 
-interface ImageEditorProps {
+type ImageEditorProps = {
   title: string;
   content: string;
   isCurrentVersion: boolean;
   currentVersionIndex: number;
   status: string;
   isInline: boolean;
-}
+};
 
 export function ImageEditor({
   title,
@@ -18,12 +18,12 @@ export function ImageEditor({
 }: ImageEditorProps) {
   return (
     <div
-      className={cn('flex w-full flex-row items-center justify-center', {
-        'h-[calc(100dvh-60px)]': !isInline,
-        'h-[200px]': isInline,
+      className={cn("flex w-full flex-row items-center justify-center", {
+        "h-[calc(100dvh-60px)]": !isInline,
+        "h-[200px]": isInline,
       })}
     >
-      {status === 'streaming' ? (
+      {status === "streaming" ? (
         <div className="flex flex-row items-center gap-4">
           {!isInline && (
             <div className="animate-spin">
@@ -34,12 +34,13 @@ export function ImageEditor({
         </div>
       ) : (
         <picture>
+          {/** biome-ignore lint/nursery/useImageSize: "Generated image without explicit size" */}
           <img
-            className={cn('h-fit w-full max-w-[800px]', {
-              'p-0 md:p-20': !isInline,
+            alt={title}
+            className={cn("h-fit w-full max-w-[800px]", {
+              "p-0 md:p-20": !isInline,
             })}
             src={`data:image/png;base64,${content}`}
-            alt={title}
           />
         </picture>
       )}