apply code review

Author: hmalik88

packages/snaps-sdk/src/jsx/components/Footer.ts

@@ -9,18 +9,17 @@ import type { ButtonElement } from './form';
  */
 export type FooterProps = {
   children: ButtonElement | [ButtonElement, ButtonElement];
-  requireScroll?: boolean;
+  requireScroll?: boolean | undefined;
 };
 
 const TYPE = 'Footer';
 
 /**
  * A footer component, which is used to create a footer with buttons.
  *
- * Note: The `requireScroll` prop also activates an arrow that allows you to scroll to bottom.
- *
  * @param props - The props of the component.
  * @param props.requireScroll - Controls whether footer buttons require all content to be viewed before becoming active.
+ * The prop also activates an arrow that allows you to scroll to bottom.
  * @param props.children - The single or multiple buttons in the footer.
  * @returns A footer element.
  * @example

packages/snaps-sdk/src/jsx/validation.test.tsx

@@ -653,6 +653,9 @@ describe('FooterStruct', () => {
     <Footer>
       <Button name="cancel">Cancel {true && 'foo'}</Button>
     </Footer>,
+    <Footer requireScroll>
+      <Button name="accept">Accept</Button>
+    </Footer>,
   ])('validates a footer element', (value) => {
     expect(is(value, FooterStruct)).toBe(true);
   });