fix(labware-library): hide the descriptive icons for now (#16388)

closes RQA-3251

labware-library/src/components/ui/TableTitle.tsx

@@ -1,8 +1,7 @@
 // Table Title with expandable measurement diagrams
-import * as React from 'react'
 import cx from 'classnames'
 import { LabelText, LABEL_LEFT } from './LabelText'
-import { ClickableIcon } from './ClickableIcon'
+// import { ClickableIcon } from './ClickableIcon'
 import styles from './styles.module.css'
 
 interface TableTitleProps {
@@ -11,30 +10,32 @@ interface TableTitleProps {
 }
 
 export function TableTitle(props: TableTitleProps): JSX.Element {
-  const [guideVisible, setGuideVisible] = React.useState<boolean>(false)
-  const toggleGuide = (): void => {
-    setGuideVisible(!guideVisible)
-  }
+  // TODO(ja, 9/30/24): fix the actual bug. temporarily commenting it out for now since the images
+  //  rendered by the toggleGuide were not being copied into the build folder
+  //  see https://opentrons.atlassian.net/browse/AUTH-885 for more info
+  // const [guideVisible, setGuideVisible] = React.useState<boolean>(false)
+  // const toggleGuide = (): void => {
+  //   setGuideVisible(!guideVisible)
+  // }
+  //   const iconClassName = cx(styles.info_button, {
+  //   [styles.active]: guideVisible,
+  // })
   const { label, diagram } = props
 
-  const iconClassName = cx(styles.info_button, {
-    [styles.active]: guideVisible,
-  })
-
   const contentClassName = cx(styles.expandable_content, {
-    [styles.open]: guideVisible,
+    [styles.open]: false,
   })
 
   return (
     <>
       <div className={styles.table_title}>
         <LabelText position={LABEL_LEFT}>{label}</LabelText>
-        <ClickableIcon
+        {/* <ClickableIcon
           title="info"
           name="information"
           className={iconClassName}
           onClick={toggleGuide}
-        />
+        /> */}
       </div>
       <div className={contentClassName}>{diagram}</div>
     </>