Note about how user input is handled added

src/client/pages/InventorsAssistant/StepZero.tsx

@@ -1,6 +1,6 @@
-import React from 'react'
+import React, { useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { Box, Button, Typography } from '@mui/material'
+import { Alert, Box, Button, Typography } from '@mui/material'
 
 import SectionHeading from '../../components/Common/SectionHeading'
 
@@ -11,7 +11,7 @@ interface StepZeroProps {
 
 const StepZero: React.FC<StepZeroProps> = ({ currentStep, setCurrentStep }) => {
   const { t } = useTranslation()
-
+  const [showDetails, setShowDetails] = useState(false)
   return (
     <Box
       component='section'
@@ -23,6 +23,35 @@ const StepZero: React.FC<StepZeroProps> = ({ currentStep, setCurrentStep }) => {
       <Typography component='p' variant='body1'>
         {t('inventorsAssistant:mainContent')}
       </Typography>
+      <Box
+        component='section'
+        sx={{ maxWidth: '1024px', mx: 'auto', my: 4, p: { xs: 2, md: 0 } }}
+      >
+        <Alert severity='info'>
+          <Typography component='p' variant='body1' sx={{ fontWeight: 'bold' }}>
+            {t('inventorsAssistant:ImportantInfoUserInput')}
+          </Typography>
+          <Typography
+            variant='body2'
+            onClick={() => setShowDetails(!showDetails)}
+            sx={{
+              cursor: 'pointer',
+              color: 'text.secondary',
+              mt: 2,
+              mb: showDetails ? 2 : 0,
+              textDecoration: showDetails ? 'underline' : 'none',
+            }}
+          >
+            {showDetails ? 'Hide Details' : 'Show Details'}
+          </Typography>
+
+          {showDetails && (
+            <Typography component='p' variant='body1'>
+              {t('inventorsAssistant:ImportantInfoUserInputLong')}
+            </Typography>
+          )}
+        </Alert>
+      </Box>
 
       {currentStep === 0 && (
         <Box