feat: Add portfolio and npm links to header and footer

- Add ishansasika.dev link in footer author attribution
- Add npm package icon link in header navigation
- Add npm link to mobile menu

Author: ishansasika

demo/src/app/components/common/footer/footer.component.html

@@ -52,7 +52,7 @@ <h3 class="footer-title">Resources</h3>
     </div>
 
     <div class="footer-bottom">
-      <p>&copy; {{currentYear}} Angular Perfect Select. Built by Ishan Karunaratne.</p>
+      <p>&copy; {{currentYear}} Angular Perfect Select. Built by <a href="https://ishansasika.dev" target="_blank" rel="noopener noreferrer" class="footer-link">Ishan Karunaratne</a>.</p>
     </div>
   </div>
 </footer>

demo/src/app/components/common/header/header.component.html

@@ -36,6 +36,19 @@
         </svg>
       </button>
 
+      <!-- NPM Link -->
+      <a
+        href="https://www.npmjs.com/package/angular-perfect-select"
+        target="_blank"
+        rel="noopener noreferrer"
+        class="github-link"
+        aria-label="NPM package"
+      >
+        <svg class="github-icon" fill="currentColor" viewBox="0 0 24 24">
+          <path d="M0 7.334v8h6.666v1.332H12v-1.332h12v-8H0zm6.666 6.664H5.334v-4H3.999v4H1.335V8.667h5.331v5.331zm4 0v1.336H8.001V8.667h5.334v5.332h-2.669v-.001zm12.001 0h-1.33v-4h-1.336v4h-1.335v-4h-1.33v4h-2.671V8.667h8.002v5.331zM10.665 10H12v2.667h-1.335V10z"/>
+        </svg>
+      </a>
+
       <!-- GitHub Link -->
       <a
         href="https://github.com/ishansasika/angular-perfect-select"
@@ -68,6 +81,14 @@
             {{item.label}}
           </a>
         }
+        <a
+          href="https://www.npmjs.com/package/angular-perfect-select"
+          target="_blank"
+          rel="noopener noreferrer"
+          class="mobile-nav-link"
+        >
+          NPM
+        </a>
         <a
           href="https://github.com/ishansasika/angular-perfect-select"
           target="_blank"