feat: update popup styles for improved aesthetics; add SVG favicon

src/app/shared/dynamic-popup/dynamic-popup.scss

@@ -6,8 +6,10 @@
   width: min(92vw, 820px);
   max-width: 820px;
   color: var(--white-2);
-  box-shadow: 0 24px 64px rgba(0,0,0,0.7), 0 0 0 1px rgba(255,255,255,0.08);
-  border: 1px solid rgba(255,255,255,0.10);
+  /* Subtle, thinner border using a dull gold */
+  border: 1.2px solid hsla(45, 100%, 72%, 0.45);
+  /* Softer shadow for separation */
+  box-shadow: 0 0 0 1.5px rgba(45, 45, 45, 0.5), 0 24px 64px rgba(0,0,0,0.7), 0 0 0 1px rgba(255,255,255,0.08);
   font-family: var(--ff-poppins);
   animation: popupFade 220ms cubic-bezier(0.22, 1, 0.36, 1);
   max-height: 78vh;

src/index.html

@@ -5,7 +5,7 @@
   <title>PortfolioAdmin</title>
   <base href="/">
   <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link rel="icon" type="image/x-icon" href="favicon.ico">
+  <link rel="icon" type="image/svg+xml" href="favicon.svg">
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">