refactor: add new section and adjust layout

opentrons-ai-client/src/assets/localization/en/create_protocol.json

@@ -9,5 +9,6 @@
   "application_other_caption": "Example: “cherrypicking” or “serial dilution”",
   "application_describe_title": "Describe what you are trying to do",
   "application_describe_caption": "Example: “The protocol performs automated liquid handling for Pierce BCA Protein Assay Kit to determine protein concentrations in various sample types, such as cell lysates and eluates of purification process.",
-  "section_confirm_button": "Confirm"
+  "section_confirm_button": "Confirm",
+  "instruments_title": "Instruments"
 }

opentrons-ai-client/src/pages/CreateProtocol/index.tsx

@@ -26,6 +26,7 @@ export function CreateProtocol(): JSX.Element | null {
   const [applicationAccordionIsOpen, setApplicationAccordionIsOpen] = useState(
     true
   )
+  const [activeSection, setActiveSection] = useState(0)
 
   const methods = useForm<CreateProtocolFormData>({
     defaultValues: {
@@ -49,13 +50,23 @@ export function CreateProtocol(): JSX.Element | null {
         <ProtocolSections>
           <Accordion
             heading={t('application_title')}
-            isOpen={applicationAccordionIsOpen}
+            isOpen={activeSection === 0}
             handleClick={function (): void {
-              throw new Error('Function not implemented.')
+              setActiveSection(0)
             }}
           >
             <ApplicationSection />
           </Accordion>
+
+          <Accordion
+            heading={t('instruments_title')}
+            isOpen={activeSection === 1}
+            handleClick={function (): void {
+              setActiveSection(1)
+            }}
+          >
+            <Flex>Content</Flex>
+          </Accordion>
         </ProtocolSections>
         <PromptPreview
           handleSubmit={function (): void {
@@ -71,4 +82,5 @@ export function CreateProtocol(): JSX.Element | null {
 const ProtocolSections = styled(Flex)`
   flex-direction: ${DIRECTION_COLUMN};
   width: 100%;
+  gap: ${SPACING.spacing16};
 `