Migrate components to TS: BannerBase

[georgewrmarshall]

Description

Migrate BannerBase component in ui/components/component-library to TypeScript

Dependencies

• Create TS version of Box component in component-library #19239
• Migrate-AvatarIcon #19023
• Migrate ButtonBase to TS #19067
• Migrate components to TS: ButtonLink #18889

Technical Details

• Convert Objects in SNAKE_CASE to enums in PascalCase (name and keys)
• Ensure enums use singular not plural e.g. Size not Sizes
• Update file name from component-name.contants.js to component-name.types.ts and add types
• Update file name from component-name.js to component-name.tsx and add types
• Update file name from component-name.test.js to component-name.test.tsx
• Update file name from component-name.stories.js to component-name.stories.tsx
• Update all instances of component objects to enums
• Update all documentation

Acceptance Criteria

• Component has been converted to TypeScript
• Stories, documentation and tests have been updated inside of the component-name folder
• Before/After screen cast of component stories in storybook to show no visual regression after migration

Difficulty: Intermediate

Good first issue for: External contributors who are familiar with TypeScript and want to contribute to improving the stability of the extension

[Sukriti-m]

Hey @georgewrmarshall
I would like to work on this issue. I'd be grateful if you could assign this task to me.

[georgewrmarshall]

Hey @Sukriti-m, thanks for you interest! I believe this component has some dependencies that may need to be migrated first

[georgewrmarshall]

Removing good-first-issue label until we close the Box dependency #19239