Refactor Catalog Card and add flip effect

[sudhanshutech]

Notes for Reviewers

This PR fixes #

Signed commits

• Yes, I signed my commits.

[sudhanshutech]

do not merge this now

[amitamrutiya]

@sudhanshutech @SAHU-01 is this ready for merge?

[sudhanshutech]

no @amitamrutiya its not ready to merge, there is some work left on the back side of card to incorporate the styles of technologies and some other minute styles

[amitamrutiya]

@sudhanshutech one request could you please prioritize this and merge this so I can use those cards in the extension repo as well? I want to use this in the empty kanvas catalog modal.

[sudhanshutech]

@amitamrutiya go for it

[amitamrutiya]

  if (!shouldFlip) {
    return (
      <DesignCard shouldFlip={shouldFlip} isDetailed={isDetailed} outerStyles={outerStyles}>
        <DesignInnerCard shouldFlip={shouldFlip} className="innerCard">
          <CardFront shouldFlip={shouldFlip} isDetailed={isDetailed}>
            {children}
          </CardFront>
        </DesignInnerCard>
      </DesignCard>
    );
  }

Can you also add this code? Some of the cards without flip functionality behave differently.

Additionally, your PR has a different position for the back side version, so could you please check that as well?

[leecalcote]

@amitamrutiya directly commit to this branch. Take it over.

[sudhanshutech]

Sounds good @amitamrutiya 👍