fix: resolve remaining SonarCloud maintainability issues

- Add explicit type annotations to useState calls in ChevronIcon
- Make function parameters readonly in DropdownChevron components
- Addresses final 4 SonarCloud code smells from TypeScript conversion

Co-Authored-By: [email protected] <[email protected]>

Author: devin-ai-integration[bot]

src/core_modules/capture-ui/Icons/ChevronIcon.component.tsx

@@ -47,8 +47,8 @@ const styles: Readonly<any> = {
 };
 
 const ChevronIconPlain = ({ open, onOpen, onClose, dataTest, disabled, classes }: ChevronIconProps & WithStyles<typeof styles>) => {
-    const [postEffectOpen, setPostEffectOpen] = useState(open);
-    const [animationsReady, setAnimationsReady] = useState(false);
+    const [postEffectOpen, setPostEffectOpen] = useState<boolean>(open);
+    const [animationsReady, setAnimationsReady] = useState<boolean>(false);
 
     const handleClick = () => {
         if (disabled) {

src/core_modules/capture-ui/Icons/DropdownChevron.component.tsx

@@ -4,7 +4,7 @@ type Props = Readonly<{
   className?: string;
 }>;
 
-export function ChevronDown({ className }: Props) {
+export function ChevronDown({ className }: Readonly<Props>) {
     return (
         <svg
             xmlns="http://www.w3.org/2000/svg"
@@ -17,7 +17,7 @@ export function ChevronDown({ className }: Props) {
     );
 }
 
-export function ChevronUp({ className }: Props) {
+export function ChevronUp({ className }: Readonly<Props>) {
     return (
         <svg
             xmlns="http://www.w3.org/2000/svg"