refactor: remove console logs and enhance tooltip information in CreateSecretForm

frontend/src/pages/secret-manager/OverviewPage/components/CreateSecretForm/CreateSecretForm.tsx

@@ -249,6 +249,19 @@ export const CreateSecretForm = ({ secretPath = "/", onClose }: Props) => {
         name="value"
         render={({ field }) => (
           <FormControl
+            tooltipText={
+              <div>
+                You can add references to other secrets using the format{" "}
+                <code>
+                  &#36;{"{"}secret_name{"}"}
+                </code>
+                .
+                <br />
+                <br /> You can go to the referenced secret by holding the <code>Cmd</code> (Mac) or{" "}
+                <code>Ctrl</code> (Windows/Linux) key and clicking on the secret name.
+              </div>
+            }
+            tooltipClassName="max-w-md"
             label="Value"
             isError={Boolean(errors?.value)}
             errorText={errors?.value?.message}

frontend/src/pages/secret-manager/SecretDashboardPage/SecretDashboardPage.tsx

@@ -602,7 +602,7 @@ const Page = () => {
       tags: updatedTags,
       include: includeFilter
     }));
-    setDebouncedSearchFilter(routerQueryParams.search as string);
+    setDebouncedSearchFilter((routerQueryParams.search as string) ?? "");
   }, [routerQueryParams.search, routerQueryParams.tags, routerQueryParams.filterBy]);
 
   const selectedSecrets = useSelectedSecrets();