feat(icon-lockup): add icon lockup component

[bsahitya]

Description

Add cv-icon-lockup component to the library. It displays text and icon side by side.

Design spec: Figma

What's included?

cv-icon-lockup component with the below properties:

• covalentIcon: (Boolean) - Determines whether the icon is a Covalent icon. Default is false.
• filledIcon: (Boolean) - Indicates if the icon is filled. Default is false.
• icon: (String) - Specifies the icon to display. Default is an empty string ''.
• scale: (String) - Controls the scale of the component, affecting font-size and icon size. The default is "body1", but other values can be used to scale the component.
• state: (String) - Defines the state of the component, allowing for different styles based on status. Can be one of 'primary' | 'positive' | 'negative' | 'caution' | null.
• trailingIcon: (Boolean) - When true, the icon is displayed after the text (trailing); when false, it is displayed before the text. Default is false.

Slots

• Default slot: For the text content.
• icon: For custom icons if needed. Ex: loading states.

Test Steps

• npm run storybook
• then navigate to Icon lockup
• Verify the component works as desired

General Tests for Every PR

• npm run start still works.
• npm run lint passes.
• npm run stylelint passes.
• npm test passes and code coverage is not lower.
• npm run build still works.

Screenshots or link to StackBlitz/Plunker