better add header

Author: edujuan

src/components/Registry/SearchHeader.tsx

@@ -47,7 +47,8 @@ export const SearchHeader: React.FC<SearchHeaderProps> = ({
             className={styles.addProviderButton}
             title="Add new providers via GitHub Pull Request"
           >
-            +
+            <span className={styles.addIcon}>+</span>
+            <span className={styles.addText}>Add Provider</span>
             <div className={styles.addProviderTooltip}>
               Add a new provider via GitHub Pull Request
             </div>

src/pages/registry.module.css

@@ -189,19 +189,20 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  width: 48px;
-  height: 48px;
+  gap: 0.5rem;
+  padding: 0.75rem 1rem;
   background-color: #8b5cf6;
   color: #ffffff;
   border: none;
   border-radius: 12px;
-  font-size: 1.5rem;
+  font-size: 0.875rem;
   font-weight: 600;
   cursor: pointer;
   transition: all 0.2s ease;
   text-decoration: none;
   position: relative;
   flex-shrink: 0;
+  white-space: nowrap;
 }
 
 .addProviderButton:hover {
@@ -215,6 +216,18 @@
   box-shadow: 0 2px 6px rgba(139, 92, 246, 0.2);
 }
 
+.addIcon {
+  font-size: 1.2rem;
+  font-weight: 700;
+  line-height: 1;
+}
+
+.addText {
+  font-size: 0.875rem;
+  font-weight: 600;
+  line-height: 1;
+}
+
 .addProviderTooltip {
   position: absolute;
   bottom: 120%;