Remove supportModal.html and refactor error-message styles across multiple CSS files for consistency

- Deleted supportModal.html as it is no longer needed.
- Removed duplicate error-message styles from download-modal.css, import-modal.css, and lora-modal.css.
- Consolidated error-message styles into shared.css to ensure consistent styling across components.

static/css/components/download-modal.css

@@ -23,12 +23,6 @@
     color: var(--text-color);
 }
 
-.error-message {
-    color: var(--lora-error);
-    font-size: 0.9em;
-    margin-top: 4px;
-}
-
 /* Version List Styles */
 .version-list {
     max-height: 400px;

static/css/components/import-modal.css

@@ -4,6 +4,14 @@
     transition: none !important; /* Disable any transitions that might affect display */
 }
 
+/* Ensure error messages maintain proper height and visibility */
+.import-section .error-message {
+    min-height: 1.2em;
+    visibility: visible !important;
+    opacity: 1 !important;
+    display: block !important;
+}
+
 /* Import Mode Toggle */
 .import-mode-toggle {
     display: flex;
@@ -431,12 +439,6 @@
     color: var(--text-color);
 }
 
-.error-message {
-    color: var(--lora-error);
-    font-size: 0.9em;
-    margin-top: 4px;
-}
-
 /* Dark theme adjustments */
 [data-theme="dark"] .lora-item {
     background: var(--lora-surface);

static/css/components/lora-modal.css

@@ -799,12 +799,6 @@
     display: none !important;
 }
 
-.error-message {
-    color: var(--lora-error);
-    text-align: center;
-    padding: var(--space-2);
-}
-
 .no-examples {
     text-align: center;
     padding: var(--space-3);

static/css/components/shared.css

@@ -40,4 +40,10 @@
 
 .local-badge:hover .local-path {
     display: block;
+}
+
+.error-message {
+    color: var(--lora-error);
+    font-size: 0.9em;
+    margin-top: 4px;
 }