fix: top level prop available as variables

[frimfram]

Issue #, if available: 60

Description of changes:

Added bindingProperty variable statements inside component function wrapper.

Before

export type ListingCardProps = {
  title: String
} & {
  overrides?: EscapeHatchProps | undefined | null
};
export default function ListingCard(props: ListingCardProps): JSX.Element {
  return (
    <Flex

After

export type ListingCardProps = {
  title?: String
} & {
  overrides?: EscapeHatchProps | undefined | null
};
export default function ListingCard(props: ListingCardProps): JSX.Element {
  const { tiitle } = props;

  return (
    <Flex

By submitting this pull request, I confirm that you can use, modify, copy, and redistribute this contribution, under the terms of your choice.