[WEB-1820]: Fix/project selection dropdown (#5122)

* fix: Truncated project name under custom analytics's project selection dropdown

* fix: project name truncated

* fix: removed static width

* fix: hardcoded width

* fix: css

* fix: handled the custom search button

* Freeze hookform version

* Revert yarn lock

---------

Co-authored-by: Satish Gandham <satish.iitg@gmail.com>

web/core/components/analytics/custom-analytics/select/project.tsx

@@ -37,14 +37,16 @@ export const SelectProject: React.FC<Props> = observer((props) => {
       onChange={(val: string[]) => onChange(val)}
       options={options}
       label={
-        value && value.length > 0
-          ? projectIds
-              ?.filter((p) => value.includes(p))
-              .map((p) => getProjectById(p)?.name)
-              .join(", ")
-          : "All projects"
+        <div className="truncate">
+          {value && value.length > 0
+            ? projectIds
+                ?.filter((p) => value.includes(p))
+                .map((p) => getProjectById(p)?.name)
+                .join(", ")
+            : "All projects"}
+        </div>
       }
-      optionsClassName={"w-48"}
+      optionsClassName="w-48"
       multiple
     />
   );

web/package.json

@@ -51,7 +51,7 @@
     "react-day-picker": "^8.10.0",
     "react-dom": "^18.3.1",
     "react-dropzone": "^14.2.3",
-    "react-hook-form": "^7.38.0",
+    "react-hook-form": "7.51.5",
     "react-markdown": "^8.0.7",
     "react-popper": "^2.3.0",
     "sharp": "^0.32.1",