update opub ui and fix search css

Author: sanjaypinna

app/[locale]/(user)/datasets/dataset.module.scss

@@ -0,0 +1,6 @@
+.Search {
+  input {
+    width: 80%;
+    height: 36px;
+  }
+}

app/[locale]/(user)/datasets/page.tsx

@@ -13,9 +13,11 @@ import {
   Tray,
 } from 'opub-ui';
 
+import { cn } from '@/lib/utils';
 import BreadCrumbs from '@/components/BreadCrumbs';
 import DatasetCards from './components/DatasetCards';
 import Filter from './components/FIlter/Filter';
+import Styles from './dataset.module.scss';
 
 interface Bucket {
   key: string;
@@ -234,14 +236,14 @@ const DatasetsListing = () => {
                 Showing {datasetDetails?.length} of {count} Datasets
               </Text>
             </div>
-            <div className="w-full max-w-[550px] md:block">
+            <div className=" w-full max-w-[550px] md:block">
               <SearchInput
                 label="Search"
                 name="Search"
-                placeholder="Search for data"
+                className={cn(Styles.Search)}
+                placeholder="Search datasets"
                 onSubmit={(value) => handleSearch(value)}
                 onClear={(value) => handleSearch(value)}
-                withButton
               />
             </div>
             <div className="flex items-center gap-2">

package-lock.json

@@ -34,7 +34,7 @@
     "next-auth": "^4.24.7",
     "next-intl": "^3.4.0",
     "next-usequerystate": "^1.17.2",
-    "opub-ui": "^0.3.30",
+    "opub-ui": "latest",
     "react": "^18.2.0",
     "react-aria": "3.22.0",
     "react-dom": "^18.2.0",