fix: correct type for style prop on SessionInput

ts/components/icon/SessionIconButton.tsx

@@ -1,7 +1,7 @@
 import classNames from 'classnames';
 import _ from 'lodash';
 import { KeyboardEvent, MouseEvent, ReactNode, forwardRef, memo } from 'react';
-import styled, { CSSProperties } from 'styled-components';
+import styled from 'styled-components';
 import { SessionIcon, SessionIconProps } from './SessionIcon';
 
 interface SProps extends SessionIconProps {
@@ -10,11 +10,9 @@ interface SProps extends SessionIconProps {
   isHidden?: boolean;
   margin?: string;
   padding?: string;
-  dataTestId?: string;
   dataTestIdIcon?: string;
   id?: string;
   title?: string;
-  style?: CSSProperties;
   tabIndex?: number;
   children?: ReactNode;
 }

ts/components/inputs/SessionInput.tsx

@@ -2,7 +2,7 @@ import { ChangeEvent, ReactNode, useEffect, useState } from 'react';
 
 import { motion } from 'framer-motion';
 import { isEmpty, isEqual } from 'lodash';
-import styled from 'styled-components';
+import styled, { CSSProperties } from 'styled-components';
 import { THEME_GLOBALS } from '../../themes/globals';
 import { Noop } from '../../types/Util';
 import { useHTMLDirection } from '../../util/i18n';
@@ -120,7 +120,7 @@ const ErrorItem = (props: { id: string; error: string }) => {
 
 const ShowHideButton = (props: { forceShow: boolean; toggleForceShow: Noop; error: boolean }) => {
   const htmlDirection = useHTMLDirection();
-  const style = {
+  const style: CSSProperties = {
     position: 'absolute',
     top: '50%',
     transform: 'translateY(-50%)',