fix(pds-link): icons should be imported and set via icon property

this is only needed when using internal. the will be similar to how things are done in react.

when using pds-icon as a single webcomponent you can use the name property

libs/core/src/components/pds-link/pds-link.tsx

@@ -1,5 +1,7 @@
 import { Component, h, Prop } from '@stencil/core';
 
+import { launch } from '@pine-ds/icons/icons';
+
 /**
  * @slot - Content is placed between the opening closing tags
  */
@@ -66,7 +68,7 @@ export class PdsLink {
       >
         <slot>{this.href}</slot>
         {this.external &&
-          <pds-icon name="launch" size={this.fontSize}></pds-icon>
+          <pds-icon icon={launch} size={this.fontSize}></pds-icon>
         }
       </a>
     );