fix(help): avoid generic help-text class colliding with injected CSS (#1193)

The feature list in the help modal used the generic .help-text class. An
externally injected global .help-text rule (e.g. from a browser extension)
sets position: fixed and z-index: 10000, which pulled the list out of flow
and covered the modal tab buttons: the app's own rule never declared
position, so the injected declaration applied.

Rename the class to .help-features and scope its rules under .help-modal
so third-party global styles can no longer match it. Also close the
unterminated <a>/<li> pair in the documentation tab.

static/css/components/modal/help-modal.css

@@ -84,16 +84,16 @@
   display: block;
 }
 
-.help-text {
+.help-modal .help-features {
   margin: var(--space-2) 0;
 }
 
-.help-text ul {
+.help-modal .help-features ul {
   padding-left: 20px;
   margin-top: 8px;
 }
 
-.help-text li {
+.help-modal .help-features li {
   margin-bottom: 8px;
 }
 

templates/components/modals/help_modal.html

@@ -28,7 +28,7 @@
                         </div>
                     </div>
                 </div>
-                <div class="help-text">
+                <div class="help-features">
                     <h4>Key Features:</h4>
                     <ul>
                         <li><strong>Seamless Integration:</strong> One-click workflow integration with ComfyUI</li>
@@ -120,6 +120,8 @@
                             <a href="https://github.com/willmiao/ComfyUI-Lora-Manager/wiki/Priority-Tags-Configuration-Guide" target="_blank">
                                 Priority Tags Configuration Guide
                                 <span class="new-content-badge inline">{{ t('help.documentation.newBadge') }}</span>
+                            </a>
+                        </li>
                         <li>
                             <a href="https://github.com/willmiao/ComfyUI-Lora-Manager/wiki/AI-Provider-Setup" target="_blank">
                                 AI Provider Setup