Create a new CustomLink component

[uparkalau]

We need to create a new CustomLink component that aligns with our project's design system and can be reused across our application. This component should be versatile enough to handle different types of links, the "tertiary link with dashed lines" and "hovered tertiary link" .

To-Do List

• Create a new branch from the develop branch specifically for this task. Ensure that the branch name corresponds to this issue title for easy tracking. feature/97-create-a-new-customlink-component
• Develop the CustomLink component to accept props such as:
  • Link text content
  • Link URL
  • Additional styles or classes as necessary
• The CustomLink component should support various UI contexts by allowing different styles like dashed underline and solid underline when hovered.
• Use material UI - import Link from '@material-ui/core/Link';
• Create ./CustomLinkStyles.css .
• Define PropTypes .
• Use default JavaScript parameters to set up default props
• Integrate this new CustomLink component into appropriate places within our application where links are required.
• Create a minimum test using vitest for this component.

CustomLink.propTypes = {
  text: PropTypes.string.isRequired,
  url: PropTypes.string.isRequired,
  className: PropTypes.string,
};

https://www.figma.com/design/USQRG7Oacv7uXw8XkTPINq/Style-guide?node-id=48-52733&t=nNFDTU9Sv5F8SXq9-0