Merge branch 'nextjs-tailwind' of https://github.com/input-output-hk/CHA-react-FE-template into nextjs-tailwind

Author: KJES4

starter_app/src/app/[table]/page.tsx

@@ -117,7 +117,7 @@ export default function TablePage(){
                     />
                     <div className="flex gap-2">
                         <Dropdown 
-                            btnLabel={filterValues.length === 0 ? "Filter" :  filterValues.length === 1 ? "Filter: " + filterValues[0] : "Filter: " + filterValues.length } 
+                            btnLabel={filterValues.length === 0 ? "Filter" :  filterValues.length === 1 ? "Filter: " + filterValues[0] : "Filter: " + filterValues.length + " Options" } 
                             btnIcon={{ svg: <Filter /> }}  
                             position='right'
                         >
@@ -176,4 +176,4 @@ export default function TablePage(){
             </TableContainer>
         </div>
     )
-}
+}

starter_app/src/app/page.tsx

@@ -149,7 +149,7 @@ export default function Home() {
             ]}
           />
           <Dropdown 
-            btnLabel={filterValues.length === 0 ? "Filter" :  filterValues.length === 1 ? "Filter: " + filterValues[0] : "Filter: " + filterValues.length }
+            btnLabel={filterValues.length === 0 ? "Filter" :  filterValues.length === 1 ? "Filter: " + filterValues[0] : "Filter: " + filterValues.length + " Options" }
             btnIcon={{ svg: <Filter /> }}>
             <>
             {dropdownOptions.map((i) =>