chore: a11y for hidden file input; remove inline styles in animated spans; Docker CMD hardened

components/editor/ask-ai/index.tsx

@@ -343,12 +343,12 @@ export function AskAI({
                       ].map((char, index) => (
                         <span
                           key={index}
-                          className="bg-gradient-to-r from-neutral-100 to-neutral-300 bg-clip-text text-transparent animate-pulse"
-                          style={{
-                            animationDelay: `${index * 0.1}s`,
-                            animationDuration: "1.3s",
-                            animationIterationCount: "infinite",
-                          }}
+                          className={classNames(
+                            "bg-gradient-to-r from-neutral-100 to-neutral-300 bg-clip-text text-transparent animate-pulse",
+                            // generate a delay class name like delay-0, delay-1, ...
+                            `ai-delay-${index}`
+                          )}
+                          data-char-index={index}
                         >
                           {char === " " ? "\u00A0" : char}
                         </span>

components/editor/ask-ai/uploader.tsx

@@ -164,6 +164,9 @@ export const Uploader = ({
                     className="hidden"
                     multiple
                     accept="image/*"
+                    aria-label="Upload images"
+                    title="Upload images"
+                    placeholder="Select image files"
                     onChange={(e) => uploadFiles(e.target.files)}
                   />
                 </div>