style: external icons to match our color

Author: danieldanielecki

components/AuthModal.tsx

@@ -349,7 +349,8 @@ export const AuthModal: React.FC<AuthModalProps> = ({
                 setIsVerifying(false);
                 setIsRedirecting(false);
               }}
-              className="w-full text-center text-sm text-blue-400 hover:text-blue-300"
+              className="w-full text-center text-sm hover:opacity-80 transition-opacity"
+              style={{ color: "#3f51b5" }}
             >
               ← Back
             </button>

components/Header.tsx

@@ -53,7 +53,7 @@ const Header = () => {
   ];
 
   const ExternalLinkIcon = () => (
-    <FiExternalLink className="inline-block ml-1 w-3 h-3 text-blue-400" />
+    <FiExternalLink className="inline-block ml-1 w-3 h-3 external-link-icon" />
   );
 
   return (