fix(console): default button icon should use secondary color (#4924)

packages/console/src/ds-components/Button/index.module.scss

@@ -93,6 +93,10 @@
     border-width: 1px;
     border-style: solid;
 
+    .icon {
+      color: var(--color-text-secondary);
+    }
+
     &:disabled {
       border-color: var(--color-border);
       color: var(--color-neutral-70);

packages/console/src/pages/Organizations/TemplateTable/index.module.scss

@@ -13,9 +13,6 @@
 
 .empty {
   font: var(--font-body-2);
-}
-
-.secondary {
   color: var(--color-text-secondary);
 }
 

packages/console/src/pages/Organizations/TemplateTable/index.tsx

@@ -97,16 +97,11 @@ function TemplateTable<
       {onAdd && !hasData && (
         <>
           {name && (
-            <div className={classNames(styles.empty, styles.secondary)}>
+            <div className={classNames(styles.empty)}>
               {t('organizations.empty_placeholder', { entity: String(t(name)).toLowerCase() })}
             </div>
           )}
-          <Button
-            className={styles.secondary}
-            icon={<Plus />}
-            title="general.add"
-            onClick={onAdd}
-          />
+          <Button icon={<Plus />} title="general.add" onClick={onAdd} />
         </>
       )}
     </section>