Add routing priority reminder to services section

Introduces a visual reminder in the services section explaining routing rule precedence. Includes new styles for the reminder component, with support for both light and dark themes.

index.html

@@ -83,6 +83,17 @@
           <h2><i class="fas fa-list"></i> Services</h2>
         </div>
         <div class="card-content">
+          <div class="routing-priority-reminder">
+            <i class="fas fa-exclamation-triangle warning-icon"></i>
+            <div class="content">
+              <strong>Routing Priority:</strong>
+              <span>
+                Routing rules are matched in order from top to bottom, with the
+                rule at the top of the list taking precedence over the rules
+                below it.
+              </span>
+            </div>
+          </div>
           <div class="services-controls">
             <div class="search-container">
               <div class="search-input-wrapper">