fix: clicking on phoenix pro title on new project window does nothing

Author: abose

src/assets/new-project/assets/js/code-editor.js

@@ -186,7 +186,7 @@ function _openURLInTauri(url) {
 function _updateProBranding() {
     try {
         const $freeTitle = $('.phoenix-free-title');
-        const $proTitle = $('.phoenix-pro-title');
+        const $proTitle = $('#phoenix-pro-title');
         const $proTitleSpan = $('.pro-plan-name');
 
         if (!$freeTitle.length || !$proTitle.length || !$proTitleSpan.length) {
@@ -222,6 +222,10 @@ function initCodeEditor() {
         Metrics.countEvent(Metrics.EVENT_TYPE.NEW_PROJECT, "main.Click", "viewMore");
         window.location.href = 'new-project-more.html';
     };
+    document.getElementById("phoenix-pro-title").onclick = function() {
+        Metrics.countEvent(Metrics.EVENT_TYPE.NEW_PROJECT, "main.Click", "proTitle");
+        _openURLInTauri("https://account.phcode.dev");
+    };
     document.getElementById("githubStarsButton").onclick = function() {
         Metrics.countEvent(Metrics.EVENT_TYPE.NEW_PROJECT, "main.Click", "githubStars");
         _openURLInTauri("https://github.com/phcode-dev/phoenix");

src/assets/new-project/code-editor.html

@@ -16,7 +16,7 @@
     <script src="../../thirdparty/floating-ui.dom.umd.min.js"></script>
     <script src="assets/js/notification-ui.js"></script>
     <style>
-        .phoenix-pro-title {
+        #phoenix-pro-title {
             background: linear-gradient(
                     45deg,
                     #ff8c42,   /* deep orange */
@@ -41,7 +41,7 @@
             </div>
             <div class="editor-name">
                 <h4 class="localize phoenix-free-title">{{APP_TITLE}}</h4>
-                <h4 class="phoenix-pro-title forced-hidden"><a href="https://account.phcode.dev" target="_blank" rel="noopener" class="phoenix-pro"><span class="pro-plan-name">Phoenix Pro</span><i class="fa-solid fa-feather orange-gold" style="margin-left: 4px;"></i></a></h4>
+                <h4 id="phoenix-pro-title" class="forced-hidden"><a href="https://account.phcode.dev" target="_blank" rel="noopener" class="phoenix-pro"><span class="pro-plan-name">Phoenix Pro</span><i class="fa-solid fa-feather orange-gold" style="margin-left: 4px;"></i></a></h4>
                 <!-- Place this tag where you want the button to render. -->
                 <div style="display: flex; justify-content: space-between;">
                     <span class="localize">{{BUILD_THE_WEB}}</span>