feat: Study List Filter (#1504)

* Inital changes for study list filters

* Style updates on filter

* Small style changes on filter

* Style changes updates on Input and Label and finish fitler

* Refactor on study list filter

* Remove not used callbackFunction

* Small style change

* Adding underline on Learn more link

* Make sure does not show sortable if have no results

* Some style polish

* Fixing margin on filter

* Adding inherit as color on buttons

* Adding inherit on learn more button color

* Addin border with opacity

platform/ui/src/components/Label/Label.jsx

@@ -1,32 +1,18 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+import classnames from 'classnames';
 
-const Label = ({ children, spacing, className, text, ...rest }) => {
-  const baseClasses = 'flex flex-1 flex-col text-gray-700 text-sm font-bold';
-
-  const getClasses = () => {
-    const classes = [];
-    classes.push(baseClasses);
-    classes.push(className);
-    return classes.join(' ');
-  };
+const Label = ({ children, className, text, ...rest }) => {
+  const baseClasses = '';
 
   return (
-    <label className={getClasses()} {...rest}>
+    <label className={classnames(baseClasses, className)} {...rest}>
       {text}
       {children}
     </label>
   );
 };
 
-const spacing = {
-  small: 'mb-1',
-  medium: 'mb-2',
-  large: 'mb-3',
-};
-
-Label.defaultProps = {};
-
 Label.propTypes = {
   children: PropTypes.node,
 };